如何取消选中单选按钮

Question

我有两种形式,一种是用户必须选择编辑的单选按钮.

[form name="A"]
<li>[input type="radio" name="BookItem" value="1" /]</li>
<li>[input type="radio" name="BookItem" value="2" /]</li>
<li>[input type="radio" name="BookItem" value="3" /]</li>
[form]<p>

从表单(A)中选择"BookItem"后,我调用该$("#EditFormWrapper").load("callEditData.cfm? ID="+ID);函数加载第二个表单(B)

<div id="EditFormWrapper"><div></p>
<!---//  begin dynamic form generated by external file callEditData.cfm  //--->
[form id="editForm" name="B"]
<ul class="hourswrapper">
<li><input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="AM2Hrs1" /> 2 Hours AM</li>
 <li><input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="PM2Hrs1" /> 2 Hours PM</li>
<li><input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="AM2Hrs2" /> 2 Hours AM</li>
 <li><input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="PM2Hrs2" /> 2 Hours PM</li>
</ul>
[input type="image" src="images/submit-btn.gif" id="addBTN" name="addBTN" class="buttons" alt="SubmitRrequest" /]
[input type="image" src="images/cancel-btn.gif" id="editBTNcancel" name="editBTNcancel" class="buttons" alt="Cancel Request" /]
[/form]
<!---//  end dynamic form from external file //--->

当用户点击表格(B)中的取消按钮(editBTNcancel)时,我想取消选中表格(A)上的单选按钮.

这是我的脚本:

$("#editBTNcancel").live("click", function(event){
    event.preventDefault();
    $("#EditFormWrapper").slideUp("fast").empty();
    //$('.TOR2Hours').removeAttr('checked');
    $('.TOR2Hours').attr('checked', false);
});

我希望我明确说明我的问题,任何建议都将不胜感激!

Answer 1

你可以像这样访问表格......

var exampleForm = document.forms['form_name'];

然后遍历表单

for( var i=0; i<exampleForm.length; i++ ){
   alert( exampleForm[i].type );
}

你可以测试像这样检查...

if( exampleForm[i].checked ) 

取消选中已选中的单选按钮尝试...

exampleForm[i].checked=false;

最终的代码看起来像这样......

var exampleForm = document.forms['form_name'];
for( var i=0; i<exampleForm.length; i++ ){
   if( exampleForm[i].type ) == 'radio' && exampleForm[i].checked == true ){
       exampleForm[i].checked = false;
   }
}

Answer 2

我不确定你想要什么,但你可能会尝试使用重置输入.

<input type='reset' />