Question

我有一组单选按钮，其中一个按此方式进行检查。

<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时，如何重置单选按钮值。我没有使用任何形式。如果有表单和按钮，我们可以使用重置属性轻松完成。

Answer 1

你可以这样做：

<强>的jQuery

$('#resetvalue').click(function() {
  $('input[name="test_data"]:nth-of-type(2)').prop('checked', true);
});

使用:nth-of-type()选择器将单选按钮重置为第二个值。

<强> JSFiddle

Answer 2

你就是这样做的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);

Answer 3

$("#resetvalue").on("click",function(e){

    $("input[type='radio']").removeAttr("checked");

});

Answer 4

$( '#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>

重置js中的单选按钮和复选框值

4 个答案: