checkbox disabled="false" 后执行不了点击事件？

夜雨_Jason 2014-04-11 09:46:28

代码如下，我想要不能选中的checkbox执行NO，但执行不了。该怎么解决？



<input type="checkbox" disabled="false">

<input type="checkbox">

<script>

var aInput = document.getElementsByTagName("input");

for(var i=0; i<aInput.length; i++){

	aInput[i].onclick = function(){

		if(this.getAttribute("disabled")=="false"){

			alert("NO");

		}else{

			alert("OK");

		}

	}

}

</script>

...全文

968 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

未知数 2014-04-11

打赏
举报

给禁用的checkbox加个标志，用脚本禁止选中吧，不设置disabled 然后判断那个标志弹出ok，no即可代码相信楼主自己就可以写好

For_You 2014-04-11

打赏
举报

只是提供一个思路，这个是可行的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
button{ background:none; border:0;}
</style>
</head>

<body>
<button><input type="checkbox" name="input" disabled="false"></button>
<button><input type="checkbox" name="input"></button>
<script>
var aInput = document.getElementsByTagName("button");
for(var i=0; i<aInput.length; i++){
    aInput[i].onclick = function(){
        if(this.firstChild.getAttribute("disabled")=="false"){
            alert("NO");
        }else{
			this.firstChild.checked = "checked";;
            alert("OK");
			
        }
    }
}
</script>
</body>
</html>

萧萧可乐 2014-04-11

打赏
举报

楼主可以自己封一个自定义事件做mouseover + 鼠标点击监听操作试试

yufengdxw 2014-04-11

打赏
举报


<input type="checkbox" disabled="disabled">
<input type="checkbox">
<script>
var aInput= document.getElementsByTagName("input");
for(var i=0; i<aInput.length; i++){
 if(aInput[i].getAttribute("disabled")== true){
  alert("NO");
 }else{
 alert("OK");
 }
 
}
</script>