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

时间:2016-08-24 21:36:18

标签: javascript jquery html

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

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

4 个答案:

答案 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>