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>

效果:

时间: 2024-10-16 18:02:40

js判断checkbox是否已选的相关文章

JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 全部选择全选被选择

</pre><pre name="code" class="javascript"><span style="font-size:18px;">//点击全选按钮的事件操作 function selectAll(){ var allcheckBoxs=document.getElementsByName("iTo"); var select=document.getElementsByName

一个JS判断客户端是否已安装某个字体(Only IE)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" dir=&qu

jQuery v1.10.2如何判断checkbox(复选框)是否被选中

做项目时,我们经常会用到jquery来做一些判断,今天自己遇上判断复选框是否选中,然后搜索查看,发现现在网上的都是错误的,下面罗列错误的: 1.$("#id").attr("checked")=="true"  错 2.$("#id").attr("checked")=="checked" 错 3.$("#id").attr("checked")=

IE,火狐,谷歌浏览器下js判断滚动条是否已拉到页面最底部

E/FF/Chrome下document.documentElement和document.body的 scrollHeight/scrollTop/clientHeight 以及判断滚动条是否已拉到页面最底部 DTD已声明 IEdocument.documentElement.scrollHeight  浏览器所有内容高度 ,document.body.scrollHeight  浏览器所有内容高度document.documentElement.scrollTop  浏览器滚动部分高度,do

js判断checkbox状态,处理表单提交事件

功能描述:手机网页需要一个投票功能,通过form的post提交.有5-20个checkbox选项,至少选一项,至多选三项.需要在用户点击提交按钮前,判断checkbox的状态是否符合条件,符合则提交到后台,不符合弹窗提示. 效果图: js代码: <script> function Check(){ var cbs = document.getElementsByTagName("input"); var b = false; var count = 0; for(var i

JS判断checkbox至少选择一项

1 function Check() 2 { 3 if(checkboxs("checkboxname") == false){ // checkboxname: checkbox的名字 4 alert('请至少选择一项!'); 5 return false; 6 } 7 return true; 8 } 9 10 function checkboxs(objNam){ 11 var obj = document.getElementsByName(objNam); // 获取对象 1

vue.js实现checkbox的全选和反选

摘要: 1.监听全选的值的变化,来改变checbox的数组值 2.监听选中checkbox的数组值的变化,当某一项checkbox有变化,判断是否checkbox的数值长度是否和列表数据的长度一致,来改变全选的值. 下面来一起看看是怎么实现的吧: 一.HTML <template> <table class="table table-bordered table-hover text-center" id="tabletList"> <

asp.net中Repeater结合js实现checkbox的全选/全不选

前台界面代码: <input name="CheckAll" type="checkbox" id="CheckAll" value="" onclick="javascript:FormSelectAll('form1','cboxi','CheckAll',this);" /> //用于选择是否全选的复选框,用javascript函数"FormSelectAll('form1','

js实现checkbox的全选和全不选功能

html代码: <form name="form1" method="post" action="manage.php?act=sub"> <input type="checkbox" name="mm[]" value="<?=$row['0']?>" onClick="checkAll(this, 'mm')"> <!--