如何使用jquery和ajax檢查和取消選中單選按鈕？

Question

我加載動態生成單選按鈕使用ajax選擇，而當我試圖取消單選按鈕，我不知道它是如何工作的。那麼有誰能幫助我呢？

這裏是動態生成的HTML代碼：

enter code here 
<table cellepadding='15' cellspacing='15' border='1' class='gridtable' align='center'> 
<tr> 
<td><strong>Service Name</strong></td> 
<td><strong>Daily</strong> 
<td><strong>Weekly</strong></td> 
<td><strong>BiMonthly</strong></td> 
<td><strong>Monthly</strong></td> 
</tr> 

<tr> 
<td>Inspection & Reporting</td> 
<td>NA</td> 
<td align="center"> 
<input type="radio" id="215" name="1" value="1/215" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>50</strong></td> 
<td><input type="radio" id="200" name="1" value="2/200" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>100</strong></td> 
<td align="center"><input type="radio" id="200" name="1" value="3/200" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>200</strong></td> 
</tr> 

<tr> 
<td>House keeping/Cleaning</td> 
<td>NA</td> 
<td align="center"><input type="radio" id="322.5" name="2" value="7/322.5" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>75</strong></td> 
<td><input type="radio" id="300" name="2" value="8/300" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>150</strong></td> 
<td align="center"><input type="radio" id="300" name="2" value="9/300" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>300</strong></td> 
</tr> 

<tr> 
<td>Utility Bill Payment</td> 
<td>NA</td> 
<td align="center"><input type="radio" id="258" name="3" value="14/258" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>60</strong></td> 
<td><input type="radio" id="240" name="3" value="15/240" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>120</strong></td> 
<td align="center"><input type="radio" id="250" name="3" value="13/250" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>250</strong></td> 
</tr> 

<tr> 
<td>Plumbing Inspection</td> 
<td>NA</td> 
<td align="center"><input type="radio" id="129" name="4" value="19/129" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>30</strong></td> 
<td><input type="radio" id="120" name="4" value="20/120" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>60</strong></td> 
<td align="center"><input type="radio" id="240" name="4" value="21/240" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>240</strong></td> 
</tr> 

</table> 

Answer 1

使用這些語句來檢查/取消選中單選按鈕

$('#radioID').attr('checked', true) - Check the radio button which has ID "radioID" 
    $('#radioID').attr('checked', false) - This is to uncheck the radio button 

使用此聲明，如果你想知道的單選按鈕是否已籤

var checked = $('#radioID').attr('checked'); 

Answer 2

這裏：

$("input:checked").removeAttr("checked");

http://davidsonsousa.net/en/post/how-to-clear-checkboxes-and-radio-buttons-using-jquery

Answer 3

試試這個，它爲我工作。

document.getElementById('Usertype1').checked = true; 

Answer 4

有了這個代碼，您檢查並輕鬆地取消您的單選按鈕：只適用於Firefox

$('.btnRadio').bind('change', function() { 
     $(this).attr('checked','checked'); 
    }); 
    $('.btnRadio').bind('click', function() { 
     $(this).removeAttr('checked'); 
    }); 

但這項工作。我用雙擊來解決這個問題：

$('.btnRadio').on('dblclick', function() { 
     $(this).removeAttr('checked'); 
    });