Question

如何清除这些复选框：

<form class="betMatch" id="4">

<table class="grid-info">
 <tr>                
  <td><input type="radio" class="betMatchWin" id="49" value="1" name="betmatch1" /></td>
  <td><input type="radio" class="betMatchCover" id="49" value="2" name="betmatch1" /></td>
 </tr>
</table>

</form>

我的JQuery：

var x=1;

$('form.matchBet#4 input:radio[name=betmatch'+x+']').attr('checked',false);

我不明白为什么它不起作用但按钮不会清除......

Answer 1

使用

.removeAttr('checked')

或

.prop('checked',false)

第二个更好 - http://api.jquery.com/prop/

啊是的..代码中有错误^ _ ^应该是：

var x=1;

$('form.betMatch#4 :radio[name=betmatch'+x+']').prop('checked',true);

http://jsfiddle.net/fGkM3/

（只有第二个被检查，因为它们具有相同的名称，这就是单选按钮的工作方式..这只是一个示例，在您的情况下使用false）

Answer 2

尝试以下代码：

$('form.matchBet#4 input:radio[name=betmatch'+x+']').removeAttr('checked');

Answer 3

如果你想全部清除它们：

$('form.betMatch#4 :radio[name=betmatch'+x+']').each(function() {
    $(this).prop("checked", false);
});

Answer 4

试试这个...

$（ '输入[名称= betmatch' + X + ']'）removeAttr（ '检查'）;

Answer 5

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Clear Radio Button</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
        function clear_radio(){
            var x = 1;
            $('input[name=betmatch'+x+']').removeAttr('checked');
        }
    </script>
</head>

<body>
    <form class="betMatch" id="4">

    <table class="grid-info">
        <tr>         
            <td><input type="radio" class="betMatchWin" id="49" value="1" name="betmatch1" /></td>
            <td><input type="radio" class="betMatchCover" id="49" value="2" name="betmatch1" /></td>
        </tr>
    </table>

    </form>
    <input type="button" onclick="javascript: clear_radio()" value="clear" />
</body>
</html>

希望它有效......

Answer 6

道歉，你们所有的答案都是正确的，但是我的x变量设置不正确，所以尽管表格的类和id是正确的，但我引用了错误的无线电名称。道歉浪费你的时间：0（

无法清除单选按钮

6 个答案: