Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery向类中添加单击事件_Javascript_Jquery - Fatal编程技术网

Javascript 使用jQuery向类中添加单击事件

Javascript 使用jQuery向类中添加单击事件,javascript,jquery,Javascript,Jquery,我发现有几个问题的答案与此类似,我尝试了其中一些,但没有成功。可能我的场景不同,我想在单击任何一个复选框时禁用其他复选框。如果单击其中一个,则禁用第二步 编辑: 我有两个复选框,即:chk1和chk2。如果选中了chk1chk2禁用,如果选中了chk2,则chk1禁用 HTML <tr class="cart-item-row"> <td class="remove-from-cart"> <label class="td-title">Remove:<

我发现有几个问题的答案与此类似,我尝试了其中一些,但没有成功。可能我的场景不同,我想在单击任何一个复选框时禁用其他复选框。如果单击其中一个,则禁用第二步

编辑:

我有两个复选框,即:
chk1
chk2
。如果选中了chk1
chk2
禁用,如果选中了
chk2
,则chk1禁用

HTML

<tr class="cart-item-row">
<td class="remove-from-cart">
<label class="td-title">Remove:</label>
     <input type="checkbox" name="removefromcart" value="4392" tabindex="15" class="class2">
</td>
<td class="add-to-cart">
<label class="td-title">Buy Now:</label>
    <input type="checkbox" name="addtocart" value="4392" tabindex="16" class="class2">
</td>                                                                                                                      

 </tr>

删除:
立即购买:
JS

<script>
    $(function () { // I am also adding class to checkbox through JS
        $('.cart-item-row > td > input[type="checkbox"]').addClass("class2");
    });
</script>
<script>
    //$('input[class^="class"]').click(function () {
 //$('.class2').unbind().click(function () {
    $('.class2').click(function () {
        var $this = $(this);

        if ($this.is(".class2")) {
            if ($this.is(":checked")) {
                $(".class2").not($this).prop({ disabled: true, checked: false });

            } else {
                $(".class2").prop("disabled", false);
            }
        }
    });
</script>

$(function(){//我还通过JS向checkbox添加了类
$('.cart item row>td>input[type=“checkbox”]).addClass(“class2”);
});
//$('input[class^=“class”]”)。单击(函数(){
//$('.class2')。取消绑定()。单击(函数(){
$('.class2')。单击(函数(){
var$this=$(this);
如果($this.is(“.class2”)){
如果($this.is(“:checked”)){
$(.class2”).not($this).prop({disabled:true,checked:false});
}否则{
$(“.class2”).prop(“禁用”,false);
}
}
});

如果缺少,可以将jquery放在

$(文档).ready(函数(){
}

您必须将单击事件置于文档就绪状态
$(函数(){});


您可以看到此处正在工作

听起来您想要的是无线电输入类型而不是复选框,这样它就是默认的浏览器行为:)@但是我想用checkboxes来执行这项操作,请重新编写需求。您编写的代码与问题不同description@qadeer但为什么?你有两个以上的选择吗?@user2181397