不能清除單選按鈕

-1

<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);

我不明白爲什麼它不會工作，但按鈕不會明確....

來源

2013-04-12 Alan A

-2

道歉的傢伙，你所有的答案都是正確的，但我有X變量設置不正確，所以雖然表單的類和ID是正確的，我引用錯誤的無線電廣播名稱。道歉浪費你的時間：0（

來源

2013-04-12 16:58:50

試試下面的代碼：

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

來源

2013-04-12 16:23:45 Santosh

我只注意到我有幾套單選按鈕的名稱相同的class和id的頁面上卻表單ID。是不同的，所以這應該使他們明確的權利？ –

試試這個$（'：radio [name = betmatch'+ x +']'，$（'form.matchBet＃4'））。removeAttr（'checked'）; – Santosh

使用

.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）

來源

2013-04-12 16:24:26 Kaloyan

謝謝但仍然不起作用 –

已更新的回答 – Kaloyan

仍然沒有清除 –

如果你想清除他們所有：

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

來源

2013-04-12 16:26:23 tymeJV

這會阻止我的腳本的其餘部分無法正常運行 –

想要再次嘗試，更新 – tymeJV

我認爲$（this）對象干擾了我的腳本的其餘部分 - 它將事件搞砸了 –

試試這個...

$（'input [name = betmatch'+ x +']'）。removeAttr（'checked'）;

來源

2013-04-12 16:29:07

這也不起作用 –

它的工作原理...用完整的代碼嘗試以下答案... –

<!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>

希望工程......

來源

2013-04-13 07:14:59

我檢查了這個代碼..它的工作就像一個魅力。 –

不能清除單選按鈕

回答

相關問題