如果选中两个复选框,则此操作无效

时间:2016-01-11 10:28:45

标签: javascript jquery

我要做的是检查是否选中了第一个复选框,然后选择第二个框,如果发生这种情况,我想做点什么。这是我尝试过的,但它没有用。

5 个答案:

答案 0 :(得分:3)

试试这个:

DEMO

HTML:

<input type="checkbox" id="anchor-from"/>CheckBox1

<input type="checkbox" id="period-daily"/>period
<input type="checkbox" id="period-weekly"/>week

JS:

$("input[type=checkbox]").change(function(){

                if($('#anchor-from').is(':checked') && $('#period-daily').is(':checked')) {
                    alert("peroid");
                }
                else if($('#anchor-from').is(':checked') && $('#period-weekly').is(':checked')) {
                    alert("weekly");
                }
            });

答案 1 :(得分:2)

检查我的演示我认为你想要这样 DEMO CLICK

一次只能使用一个复选框。

  

单击复选框2选择它...如果要更改   选择...取消选中复选框2,只有您可以选中复选框   3 .....它在某种意义上的验证

$("#anchor-from").change(function(){
                if($('#anchor-from').is(':checked'))
                {
                  $("#period-daily").attr("disabled", false); 
                  $("#period-weekly").attr("disabled", false); 
                }
                else
                {
                $("#period-weekly").attr("disabled", true); 
                 $("#period-daily").attr("disabled", true); 
                }



            });

        $("#period-daily").change(function(){
           if($('#period-daily').is(':checked')) {
                  $("#period-weekly").attr("disabled", true); 
                    alert("do something here daily");
                }else
                {
                 $("#period-weekly").attr("disabled", false); 
                }
                });

                $("#period-weekly").change(function(){
           if($('#period-weekly').is(':checked')) {
                  $("#period-daily").attr("disabled", true); 
                    alert("do something here weekly");
                }else

                {
                $("#period-daily").attr("disabled", false); 

                }
                });

答案 2 :(得分:-2)

语法错误

将您的代码更改为  nooGmapL10n

答案 3 :(得分:-2)

navigationbar

希望这有帮助。

答案 4 :(得分:-2)

尝试这种方式。

$("#anchor-from").on('change',function(){
            if($('#period-daily').prop(':checked')) {
                console.log(final1);
            }
            else if($('#period-weekly').prop(':checked')) {
                console.log(final2);
            }
        });