用jQuery控制checkbox

iteye_264

于 2013-03-27 15:40:00 发布

阅读量82

点赞数

文章标签： javascript ViewUI

本文介绍了一个使用JavaScript实现的多选框交互功能，该功能能够根据已选择的多选框数量来启用或禁用其他多选框选项，以确保不会超过两个选项被同时选中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<mce:script type="text/javascript"><!--
    function countChecked() {
      var n = $("input[type=checkbox]:checked").length;
      $("span.checked_cnt").text(n + "项已选");
      if(n>=2){
        $("input[type=checkbox]").each(function() {
            if(!$(this).is(":checked")){
                $(this).attr("disabled", true);
            }
        });
      }else{
        $("input[type=checkbox]").each(function() {
            $(this).attr("disabled", false);
        });
      }
    }
    countChecked();
    $(":checkbox").click(countChecked);
// --></mce:script>