Question

我是JavaScript的新手，我尝试过这段代码，但它没有用。此处UPDOC是div ID：

function ChangeText() {
    var chkb = document.getElementById('<%= CHKDOC.ClientID %>');
    if (chkb.checked)
        document.getElementById('<%= UPDOC.ClientID %>').disabled = false;
    else
        document.getElementById('<%= UPDOC.ClientID %>').disabled = true;

Answer 1

        <!DOCTYPE html>
<html lang="en">
<head>

<style type="text/css">
#UPDOC{
border:2px solid red;
height:140px;
width:400px;
cursor:pointer;
}
.ee{
pointer-events:none;
user-select:none;
}
</style>
<script>
function ChangeText() {
    var chkb = document.getElementById('chkbox');
    if (chkb.checked)
        document.getElementById('UPDOC').className="ee";
    }
</script>
</head>
<body>
<input type="checkbox" id="chkbox" onclick="ChangeText()"/>
<div id="UPDOC">
<p>hello</p>
</div>
</body>
</html>

Answer 2

我认为你不仅想要禁用div而且还要对其childrend做同样的事情，请检查我的解决方案。希望有所帮助

function ChangeText(chkb) {
 var div = document.getElementById('div');
 div.disabled = chkb.checked;
 var chl = div.children;
 for(var i=0; i< chl.length; i++)
 {
  chl[i].disabled = chkb.checked;
 }
}

<input type="checkbox" id="chk" onclick=ChangeText(this)>
<div id="div" style="width:100px;height:100px;background-color:red;" >
<input type="text" value="123" />
</div>

如何在Checkbox上禁用DIV单击使用JS？

2 个答案: