jQuery如果复选框已选中,则其他复选框

克里斯纳文

我有HTML代码:

 <input type="checkbox" name="all" value="all">ALL
 <input type="checkbox" name="agent" value="agent" >Agent
 <input type="checkbox" name="company" value="company">Company
 <input type="checkbox" name="branch" value="branch">Branch

如果我全部选中其他复选框将被禁用,如果我取消选中,其他复选框将重新启用。

我尝试使用下面的脚本执行此操作。

$("input[name='all']").change(function() {
    if(this.checked) {
        $("input[name='agent']").prop("disabled",true);
    }
});
米林德·安纳特瓦尔(Milind Anantwar)

您的代码只会做禁用的一部分。您应该使用checkedvalue作为Disabled属性来根据检查/取消检查状态来切换状态:

 var subinputs = $("input[name=agent],input[name=company],input[name=branch]");
$("input[name='all']").change(function() {
   subinputs.prop("disabled",this.checked);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="all" value="all">ALL
        <input type="checkbox" name="agent" value="agent" >Agent
        <input type="checkbox" name="company" value="company">Company
        <input type="checkbox" name="branch" value="branch">Branch

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery:取消选中已选中的其他复选框

来自分类Dev

jQuery代码(如果已选中复选框),请选择所有其他复选框-使用Laravel

来自分类Dev

如果复选框已选中,则隐藏复选框

来自分类Dev

如果选中了其他复选框,则禁用该复选框

来自分类Dev

如果选中其他复选框,则启用复选框

来自分类Dev

如果已选中所有其他复选框,请取消选中

来自分类Dev

jQuery取消选中复选框(如果已禁用)

来自分类Dev

jQuery取消选中复选框(如果已禁用)

来自分类Dev

jQuery,已选中复选框

来自分类Dev

jQuery复选框最大已选中

来自分类Dev

复选框已选中

来自分类Dev

仅显示选中复选框的值,如果选中其他复选框,则取消选中它们

来自分类Dev

单击复选框后,取消选中其他复选框,并触发更改或单击之前已选中的事件

来自分类Dev

取消选中复选框将取消选中表中的其他复选框

来自分类Dev

选中一个复选框时,请选中其他复选框

来自分类Dev

选中/取消选中其他复选框时,SelectAll复选框无法正常运行

来自分类Dev

选中“所有复选框”后,请选中其他复选框

来自分类Dev

选中其他复选框时取消选中复选框

来自分类Dev

选中输入复选框。选中其他帖子的复选框

来自分类Dev

选中其他复选框时取消选中该复选框

来自分类Dev

当其他复选框之一未选中时,取消选中全选复选框

来自分类Dev

如果选中了复选框,则功能;如果未选中,则为其他功能?

来自分类Dev

单击单个复选框时,取消选中div中的其他复选框

来自分类Dev

表格标题中的复选框以选中其他行中的所有复选框

来自分类Dev

如果通过jquery选中,则取消选中复选框

来自分类Dev

如果.ready上的复选框已选中,则addClass

来自分类Dev

闪烁文本(如果复选框已选中)

来自分类Dev

如果日期=今天->复选框已选中

来自分类Dev

Spock:如何清除复选框(如果已选中)

Related 相关文章

  1. 1

    jQuery:取消选中已选中的其他复选框

  2. 2

    jQuery代码(如果已选中复选框),请选择所有其他复选框-使用Laravel

  3. 3

    如果复选框已选中,则隐藏复选框

  4. 4

    如果选中了其他复选框,则禁用该复选框

  5. 5

    如果选中其他复选框,则启用复选框

  6. 6

    如果已选中所有其他复选框,请取消选中

  7. 7

    jQuery取消选中复选框(如果已禁用)

  8. 8

    jQuery取消选中复选框(如果已禁用)

  9. 9

    jQuery,已选中复选框

  10. 10

    jQuery复选框最大已选中

  11. 11

    复选框已选中

  12. 12

    仅显示选中复选框的值,如果选中其他复选框,则取消选中它们

  13. 13

    单击复选框后,取消选中其他复选框,并触发更改或单击之前已选中的事件

  14. 14

    取消选中复选框将取消选中表中的其他复选框

  15. 15

    选中一个复选框时,请选中其他复选框

  16. 16

    选中/取消选中其他复选框时,SelectAll复选框无法正常运行

  17. 17

    选中“所有复选框”后,请选中其他复选框

  18. 18

    选中其他复选框时取消选中复选框

  19. 19

    选中输入复选框。选中其他帖子的复选框

  20. 20

    选中其他复选框时取消选中该复选框

  21. 21

    当其他复选框之一未选中时,取消选中全选复选框

  22. 22

    如果选中了复选框,则功能;如果未选中,则为其他功能?

  23. 23

    单击单个复选框时,取消选中div中的其他复选框

  24. 24

    表格标题中的复选框以选中其他行中的所有复选框

  25. 25

    如果通过jquery选中,则取消选中复选框

  26. 26

    如果.ready上的复选框已选中,则addClass

  27. 27

    闪烁文本(如果复选框已选中)

  28. 28

    如果日期=今天->复选框已选中

  29. 29

    Spock:如何清除复选框(如果已选中)

热门标签

归档