zoukankan      html  css  js  c++  java
  • js判断checkbox是否已选

    代码:

    <h2>Default</h2>
    
    @using (Html.BeginForm()) { 
        <ul>
            <li>@Html.CheckBox("subject") 语文</li> 
            <li>@Html.CheckBox("subject")数学</li> 
            <li>@Html.CheckBox("subject")英语</li> 
            <li><a id="submit" href="http://www.cnblogs.com/wiming/">回到原点</a></li> 
        </ul>
    }
    <script src="http://cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
    <script type="text/javascript">
    //第一种方法: 
    $(
    "#submit").click(function () { var objs = document.getElementsByName('subject'); var isSel = false;//判断是否有选中项,默认为无 for (var i = 0; i < objs.length; i++) { if (objs[i].checked == true) { isSel = true; break; } } if (isSel == false) { alert("请至少选择一门科目"); return false; } else { return true; } })
    //第二种方法:
     $("#submit").click(function () {
      if ($("input[type='checkbox']").is(':checked') == true) { return true; }
            else {
                    alert("请至少选择一门科目");
                    return false;
            }
       })
    </script>

    效果:

  • 相关阅读:
    安卓android.support.design使用中的问题
    处理requests SSl 证书问题
    python-excel
    post 请求包含相同参数
    关于zk 页面滚动问题 scroll
    Usefull Jquery
    Git 安装
    Comparison issues in TD
    Work Diary 12/13/17
    Unit10 I don't like work in the weekend
  • 原文地址:https://www.cnblogs.com/wiming/p/3933658.html
Copyright © 2011-2022 走看看