javascript - Onclick 按钮禁用复选框

Question

. .我找不到按钮上的 onclick 功能禁用三个复选框的正确答案。. .

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

而按钮添加onclick功能已经有很多onclick功能了。

<input type="button" class="button2" id="item2" 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'}; item2();"/>

所以请给我一个解决方案

Answer 1

您尝试做的问题是id="option"所有三个复选框都相同。它们必须是独一无二的。

您可以执行以下操作：

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

在 Javascript 中：

$(function(){
  $('#button1').click(function(){
       for(var i=1;i<=3;i++)
           $('#option'+i).prop('disabled', true);
  });
});

Answer 2

尝试这个，

 $(function(){
        $('#button1').click(function(){
        $('.ckbox').prop('disabled','true');
        });
   });

Answer 3

尝试通过单击按钮禁用复选框。

根据您的示例，“item2”是按钮的 ID，“ckbox”是复选框的类别。

jQuery(function($) {
    $("#item2").click(function(){
        $(".ckbox").attr("disabled","disabled");
    });
});

Answer 4

你可以这样做：

    $(function(){
        $('#button1').click(function(){
        $('input[type=checkbox]').attr('disabled','true');
        });
   });