使用JS判断checkbox是否至少有选择一项

js

我们知道,如果在asp,只要response.write request.form("checkboxName")就可以判断是否有选择至少一项,但是必须递交后才可以这样做,那么就要接触脚本语言js,vbs

假设我们有个checkbox叫optHSCameratyp,我们写个函数来判断

function chkCheckBoxChs(objNam){ //檢測是否有選擇多选框的至少一项
var obj = document.getElementsByName(objNam); //獲取多選框數組
var objLen= obj.length; //獲取數據長度
var objYN; //是否有選擇
var i;
objYN=false;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
objYN= true;
break;
}
}
return objYN;

}

然后在递交程式就如此调用:

function okSend()
{
if(chkChsHSC(optHSCameratyp)== false){
alert('请至少选择一项!');
}
return;
}

因为checkbox有多个,名字一样,所以在js里面如果简单document.all.checkboxNam根本识别不了到底是哪一个控件,必须用document.getElementsByName,当成一个数组来区分他们

时间: 2024-10-30 20:56:58

使用JS判断checkbox是否至少有选择一项的相关文章

判断checkbox是否至少有选择一项

我们知道,如果在asp,只要response.write request.form("checkboxName")就可以判断是否有选择至少一项,但是必须递交后才可以这样做,那么就要接触脚本语言js,vbs 假设我们有个checkbox叫optHSCameratyp,我们写个函数来判断 function chkCheckBoxChs(objNam){ //檢測是否有選擇多选框的至少一项 var obj = document.getElementsByName(objNam); //獲取多

js判断checkbox是否选中并且显示隐藏相关实例

js判断checkbox是否选中并且显示隐藏相关实例 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js判断checkbox是否选中并且显示隐藏相关实例</title> <script language="javascript教程">  function check

js判断checkbox是否选中个数的方法(超简单)_jquery

实例如下: <SCRIPT LANGUAGE="JavaScript"> //判断同类型 function checkboxnum(){ var form = document.forms['formbj1']; var i,j=0; for (i=0; i<form.length; i++){ var e=form[i]; if (e.checked && e.type=='checkbox' && e.name=='bjid[]')

js 判断checkbox是否选中的操作方法_基础知识

核心提示: 大家在很多场合也许会遇到判断页面是否有元素选中,下面介绍的是利用js判断是否选中CheckBox的方法. //第几个没有选 复制代码 代码如下: <input type="checkbox" name="checkbox1" checked> <input type="checkbox" name="checkbox1"> <input type="checkbox"

php +js 中多选项(复选)框的检测

在php中,想获得复选框的值,需要将复选框的name命名称数组的形式. 然后在$_GET["multiplayname"] 或 $_PUT["multiplayname"]获得其数值,但是如何判断用户是否选中其中的标单了,多选项目必须选择一项,否则不能提交表单! 在网上找了半天的资料,基本上是对多选框的name处理成数组,然后检测其checked值是否选中.如下: var ch="";for(var i=0; i<document.form

jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码

 本篇文章主要是对jQuery判断checkbox(复选框)是否被选中以及全选.反选实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery判断checkbox(复选框)是否被选中: if($("#id").attr("checked")==true)   jQuery实现checkbox(复选框)选中.全选/反选代码:    代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

js实现checkbox全选、不选与反选的方法_javascript技巧

本文实例讲述了js实现checkbox全选.不选与反选的方法.分享给大家供大家参考.具体分析如下: 一.思路: 1. 获取元素 2. 给全选 不选 反选添加点击事件 3. 用for循环checkbox 4. 把checkbox的checked设置为true即实现全选 5. 把checkbox的checked设置为false即实现不选 6. 通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设

JQuery判断checkbox是否选中及其它复选框操作方法合集_jquery

一.jquery判断checkbox是否选中及改变checkbox状态 jquery判断checked的三种方法: 复制代码 代码如下: .attr('checked):   //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false .prop('checked'): //16+:true/false .is(':checked'):    //所有版本:true/false//别忘记冒号哦 jquery赋值check

js判断复选框是否选中及选中个数的实现代码_javascript技巧

用js判断复选框是否选中及选中个数,以前经常有朋友提到复选框的选中问题,这段代码可以帮你解决这个问题,而且它还可以判断你选择了多少个复选框,多选则弹出提示 <HTML> <head> <title>判断复选框是否选中及选中个数</title> <SCRIPT LANGUAGE="JavaScript"> function countChoices(obj) { max = 2; box1 = obj.form.box1.che