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>

    效果:

  • 相关阅读:
    python自动化测试_6
    python自动化测试_5
    python自动化测试_4
    python自动化测试_3
    第一次个人编程作业
    第一次博客作业
    HangOver
    CSS实现动画特效导航栏
    CSS伪类整理笔记
    JavaScript闭包应用的整理
  • 原文地址:https://www.cnblogs.com/wiming/p/3933658.html
Copyright © 2011-2022 走看看