JavaScript实现多个checkbox只能单选和多选

最新推荐文章于 2024-02-02 15:24:02 发布

原创最新推荐文章于 2024-02-02 15:24:02 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍使用JavaScript实现Checkbox的单选与多选功能的方法，包括如何通过遍历选择项并设置属性实现单选逻辑，以及如何收集多选的值并将其存储在变量中。此外，还涉及了如何将选中的值赋给隐藏域，以便在表单提交时传递这些值。

checkbox单选 :

$(':checkbox[name=bizType]').each(function(){        $(this).click(function(){         if($(this).attr('checked')){        $(':checkbox[name=bizType]').removeAttr('checked');         $(this).attr('checked','checked');        //赋值给隐藏域       $("#bizType").val($(this).val());                 }         });     });

checkbox多选:

        var checks = "";//存储checkbox的value  $(':checkbox[name=bizAbility]').each(function(){           $(this).click(function(){         if($(this).attr('checked')){            $(this).attr('checked','checked');          checks += $(this).val() +",";         //将值赋给隐藏框        $("#bizAbilty").val(checks);                 }          });          });