用jQuery控制checkbox

最新推荐文章于 2025-11-24 03:12:01 发布

最新推荐文章于 2025-11-24 03:12:01 发布 · 95 阅读

文章标签：

#javascript #ViewUI

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

<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>