javascript - 重置复选框字段客户端

Question

我在网页上有一个复选框控件和一个重置按钮。我希望在按下休息按钮时取消选中复选框。这应该是一个客户端进程。

我怎样才能实现它？可以通过使用 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/