代码之家  ›  专栏  ›  技术社区  ›  eozzy

基于所选内容启用/禁用其他元素

  •  2
  • eozzy  · 技术社区  · 15 年前
    <select name="feature1">
      <option value="1">Enable</option>
      <option value="0">Disable</option>
    </select>
    
    <input type="checkbox" name="feature2" />
    <input type="checkbox" name="feature3" />
    

    选择“功能1”中的“禁用”时,如何禁用“功能2”和“功能3”输入?

    谢谢

    4 回复  |  直到 15 年前
        1
  •  3
  •   David Hedlund    15 年前

    当选择“启用”时,这会自动再次启用项目,我认为这也是您想要的。

    $('select[name=feature1]').change(function() {
       $('input[name=feature2],input[name=feature3]').attr('disabled', $(this).val() == '0');
    });
    
        2
  •  1
  •   Gareth Midwood    15 年前

    为了简单起见,我假设您的ID与元素名相同

    jQuery('#feature1').change(function() {
       jQuery("#feature2, #feature3").attr("disabled", jQuery(this).val() == '0'); 
    });
    
        3
  •  1
  •   gblazex    15 年前

    为元素添加一些ID,然后:

    $('#feature1').change(function() {
      if(this.value === "0") {
        $('#feature2').attr('disabled', 'disabled');
        $('#feature3').attr('disabled', 'disabled');
      }
    });
    
        4
  •  0
  •   Salil    15 年前
    <script type="text/javascript">
     abc(val){
        if (val.value=="0"){
          document.getElementByID("").disabled= true;
          document.getElementByID("").disabled= true;
        }else{
          document.getElementByID("").disabled= false;
          document.getElementByID("").disabled= false;
        }
      }
    
    </script>
    
    <select name="feature1" onchange="abc(this)">
      <option value="1">Enable</option>
      <option value="0">Disable</option>
    </select>
    
    <input type="checkbox" name="feature2" id="feature2" />
    <input type="checkbox" name="feature3" id="feature3" />