时间戳

首页 > 解决方案 > 在 jQuery 中使一个复选框依赖于另一个复选框

javascript - 在 jQuery 中使一个复选框依赖于另一个复选框

问题描述

我有两个复选框（ON/OFF），我想在 jQuery 中依赖，这意味着当我选中第一个（checkbox1）时，第二个（checkbox2）将自动打开，我已经尝试过这个解决方案但是它不起作用，有人可以帮助我吗？

//php
 $cus_centre = $this->createElement('checkbox', 'checkbox1');
        $cus_centre->setLabel($translate->_("Checkbox1"));
        // ->setAttrib("disabled", "disabled");
        $this->addElement($cus_centre);

    $checkbox2 = $this->createElement('checkbox', 'checkbox2');
    $checkbox2->setLabel($translate->_("Checkbox2"));
    // ->setAttrib("disabled", "disabled");
    $this->addElement($checkbox2);   

//jQuery
      $('#checkbox1').iphoneStyle({
            onChange:function(){
            if($("#checkbox1").is(':checked')){
                $("#checkbox1").val(1);
                $("#checkbox2").attr('checked', true);
                $("#checkbox2").val(1);

          }
       }
   });

我的复选框视图

标签： javascriptjquerybootstrap-4

解决方案

你可以像这样简单地制作它。在函数内部使用$(this)（更改侦听器）来检查第一个复选框是否被选中。如果是这样，它将标记第二个。

$('#checkbox1').change(function() {
  if(this.checked) {
    $("#checkbox2").prop("checked", true);
  } 
});

推荐阅读