用javascript向多選框新增監聽事件!
阿新 • • 發佈:2019-01-27
<html>
<body>
<input type="checkbox" name="checkboxName" onclick="buttonDisable"/>checkboxNameA <br/>
<input type="checkbox" name="checkboxName" />checkboxNameB <br/>
<input type="button" value="button" id="buttonNoDisable" disabled="disabled" />xxxxxx <br/>
</body>
<script type="text/javascript">
function buttonDisable(){
var checkbox = document.getElementsByName("checkboxName");
for(var i=0;i<checkbox.length;i++){
if (checkbox[i].checked) {
document.getElementById("buttonNoDisable").disabled=false;
return;
}else{
document.getElementById("buttonNoDisable").disabled=true;
}
}
}
function initPage(){
var checkbox = document.getElementsByName("checkboxName");
if (window.addEventListener) {//非IE,// 新增監聽
for(var i=0;i<checkbox.length;i++){
checkbox[i].addEventListener('click',buttonDisable,false);
}
} else if (window.attachEvent){//IE
for(var i=0;i<checkbox.length;i++){
checkbox[i].attachEvent('onclick', buttonDisable);
}
}
}
initPage();
</script>
</html>