重置複選框字段客戶端

Question

我在網頁上有一個複選框控件和一個重置按鈕。我希望每當按下其他按鈕時，chekbox就會被取消選中。這應該是一個客戶端流程。

我該如何實現它？可以通過使用document.getelementbyID（）來完成嗎？

Answer 1

可以嘗試如下所示。

$get("<%=checkbox.ClientID%>").checked = false; 

或更容易理解，因爲$get只是引用document.getElementById可以使用

var checkbox = document.getElementById(<%=checkbox.ClientID%>), 
    button = document.getElementById(<%=button.ClientID%>); 

button.onclick = function(){ 
    checkbox.checked = false; 
} 

Answer 2

用普通的JavaScript，你可以做這樣的

<input type="checkbox" id="chkYes" checked="checked" /> Yes <br/> 
<input type="button" id="btnReset" value="reset" onclick="UnSet();" /> 

腳本

function UnSet() 
{ 
    document.getElementById("chkYes").checked=false; 
} 

樣品：http://jsfiddle.net/cF6pN/6/

如果你已經在你的頁面使用jQuery，你可以這樣做

$(function(){ 
    $("#btnReset").click(function(){ 
     $("#chkYes").removeAttr('checked'); 
    });  
});​ 

假設你有你的HTML這樣

<input type="checkbox" id="chkYes" checked="checked"/> Yes <br/> 
<input type="button" id="btnReset" value="reset" />​ 

樣品：http://jsfiddle.net/hNm6k/2/