我有一组单选按钮,其中一个按此方式进行检查。
<input name="test_data" type="radio" value='1' id="test_data">
<input name="test_data" type="radio" value='2' id="test_data" checked="checked">
<input name="test_data" type="radio" value='3' id="test_data">
<input name="test_data" type="radio" value='4' id="test_data">
我有这样的链接
<a href="#" id="resetvalue">reset value</a>
当用户点击resetvalue
ID时,如何重置单选按钮值。我没有使用任何形式。
如果有表单和按钮,我们可以使用重置属性轻松完成。
答案 0 :(得分:2)
你可以这样做:
<强>的jQuery 强>
$('#resetvalue').click(function() {
$('input[name="test_data"]:nth-of-type(2)').prop('checked', true);
});
使用:nth-of-type()
选择器将单选按钮重置为第二个值。
<强> JSFiddle 强>
答案 1 :(得分:1)
你就是这样做的https://jsfiddle.net/0vLmt3L5/7/
$('#resetvalue').click(function() {
$('input[value="2"]').prop('checked', true);
});
这会将它设置回原来检查过的单选按钮,是的,我拿了Hunter的小提琴并且刚刚添加了
这:$('input[value="2"]').prop('checked', true);
而不是:$('input[name="test_data"]').prop('checked', false);
答案 2 :(得分:0)
$("#resetvalue").on("click",function(e){
$("input[type='radio']").removeAttr("checked");
});
答案 3 :(得分:0)
$( '#resetvalue' ).click(function() {
$( '[name="test_data"].checked' ).prop('checked', false);
// Set eq from 0 (first radio) to value you want
$( '[name="test_data"]' ).eq(0).prop('checked', true);
return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="test_data" type="radio" value='1' id="test_data">
<input name="test_data" type="radio" value='2' id="test_data" checked="checked">
<input name="test_data" type="radio" value='3' id="test_data">
<input name="test_data" type="radio" value='4' id="test_data">
<a href="#" id="resetvalue">Reset</a>