如果选中了两个复选框，请不要这样做

If two checkboxes are checked do this not working

本文关键字：复选框 这样做 两个 如果      更新时间：2023-09-26

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

试试这个：

演示

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");
                }
            });

检查我的演示，我想你想要这样演示点击

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

单击复选框2选择它。。。如果您想更改选择取消选中复选框23.它在某种意义上具有验证

$("#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); 
                }
                });

语法错误

将代码更改为$("#anchor-from").change(function(){ if($('#period-daily').is(':checked')){ console.log(finalStartDDIDate1); } else if($('#period-weekly').is(':checked')) { console.log(finalEndDDIDate1); } });

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

希望这能有所帮助。

试试这种方法。

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