javascript - 单击按钮时，复选框应被禁用

Question

. .单击按钮时，复选框应被禁用，然后再次单击复选框应启用。. .因为我对 javascript 或 jquery 不太了解。. 。请帮忙。. .

<input id="option" name="item_number" type="checkbox" class="ckbox" value="1" onclick="this.checked=!this.checked;"/>


<input type="button" class="button2" id="addtocart" value="Add to Cart" Title="Add to Cart" onClick="addItem_check('item_listing_100','ItemTable','100','Amul Butter','500','g','150.00','1','kg','200.00','2','kg','250.00'); amul1.style.backgroundColor='#c2ed5c'; if(this.value=='Add to Cart') {this.value = 'Remove from Cart'};"/>

score 2 · Accepted Answer

$("#addtocart").toggle(function(){
$("#option").attr("disabled","disabled");
},function(){
$("#option").removeAttr("disabled");
});

参考切换和属性

score 1 · Accepted Answer

这可以解决问题

<!DOCTYPE html>
<html>
<head>
<script>
var x = true;
function toggle()
{
 if(x) {
   x=false;
   document.getElementById("chk1").disabled=true;
 } else {
   x=true;
   document.getElementById("chk1").disabled=false;
 }
}
</script>
</head>
<body>

<input type="checkbox" id="chk1">
<button type="button" onclick="toggle()">Toggle</button>

</body>
</html>

score 1 · Accepted Answer

这样做：attr()

$("#addtocart").click(function(){
    $("#option").attr("disabled",true);
});

或者

$("#option").attr("disabled","disabled");

或者

$("#option").removeAttr("disabled");

演示

score 1 · Accepted Answer

你可以做：

$("#addtocart").click(function() {
    var cb       = $("#option");
        isActive = cb.prop("disabled");

    cb.prop("disabled", !isActive);
});

score 1 · Accepted Answer

试试看this，这对你有帮助

JS

$("#addtocart").click(function(){
       if($("#option").prop("disabled"))
          $("#option").prop("disabled",false);
    else
      $("#option").prop("disabled",true);

    });

javascript - 单击按钮时，复选框应被禁用

5 回答 5

Related

Reference