导航:首页 > 编程语言 > js判断复选框

js判断复选框

 发布时间：2024-01-18 02:43:36

『壹』 在HTML中如何用javaScript判断复选框checkbox是否被选中

js判断复选框是否选中

[html]viewplain
<!doctypehtml>
<htmllang="cn">
<head>
<metahttp-equiv="content-type"content="text/html;charset=UTF-8"/>
<title>复选框全选、全不选、反选、必选一个</title>
<scripttype="text/javascript">
//全选
functionselectAll(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
names[i].checked=true;
}
}

//全不选
functionselectNone(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
names[i].checked=false;
}
}

//反选
functionselectInvert(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
if(names[i].checked){
names[i].checked=false;
}else{
names[i].checked=true;
}
}
}

//必须选择一个
functionselectOne(){
varnames=document.getElementsByName("bjjb");
varflag=false;//标记判断是否选中一个
for(vari=0;i<names.length;i++){
if(names[i].checked){
flag=true;
break;
}
}
if(!flag){
alert("请最少选择一项！");
returnfalse;
}
}

</script>
</head>
<body>
<formid="checkboxform"method="post"action="">
<inputtype="checkbox"name="bjjb"value="1">交通事故<br>
<inputtype="checkbox"name="bjjb"value="2">自然灾害<br>
<inputtype="checkbox"name="bjjb"value="3">恶劣天气<br>
<inputtype="checkbox"name="bjjb"value="4">严重违法行为<br>
<inputtype="checkbox"name="bjjb"value="5">路面损毁<br>
<ahref="javascript:void(0);"onclick="selectAll()">全选</a>
<ahref="javascript:void(0);"onclick="selectNone()">全不选</a>
<ahref="javascript:void(0);"onclick="selectInvert()">反选</a>
<ahref="javascript:void(0);"onclick="selectOne()">必须选择一个</a>
</form>
</body>
</html>

备注：
1：以上常见判断在实际开发中经常运用。温故而知新是一件非常好的事情。
2：在function方法中执行判断加return表示满足条件，return后的内容将不再进行执行,如何没有加return那么createWindow()会继续执行。如：
functionclickSupervise(){
//判断是否选择了警情
varjqid=$("#jqid1").val();
if(""==jqid||jqid==null||jqid==undefined){
alert("请先选择警情信息！");
return;
}
//创建窗口
createWindow();
}

『贰』 如何用js读取复选框的值

思路：首先利用name属性值获取checkbox对象，然后循环判断checked属性：如果为true表示被选中，false则表示未选中。

实例演示如下：

1、HTML结构

<inputtype="checkbox"name="test"value="1"/><span>1</span>
<inputtype="checkbox"name="test"value="2"/><span>2</span>
<inputtype="checkbox"name="test"value="3"/><span>3</span>
<inputtype="checkbox"name="test"value="4"/><span>4</span>
<inputtype="checkbox"name="test"value="5"/><span>5</span>
<inputtype='button'value='提交'onclick="fun()"/>

2、javascript代码

functionfun(){
obj=document.getElementsByName("test");
check_val=[];
for(kinobj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}

3、演示效果

『叁』 javascript如何判断多个复选框状态

楼主，这就是你想要的结果，不信你复制过去运行一下，我已专经测试OK了!属

<html>
<script language="JavaScript">
function check(obj)
{
if(obj.checked==true)
{
alert("checked!")
}
else
{
alert("unchecked!")
}
}
</script>
<input type="checkbox" name="t1" id="t1" value="1" onClick="check(this)">
<input type="checkbox" name="t2" id="t2" value="1" onClick="check(this)">
<input type="checkbox" name="t3" id="t3" value="1" onClick="check(this)">
<html>

『肆』 怎么用JS判断复选框提交时是否选中，且最多只能选3个

var check=&("input[type=check]");获取所有控件。
var checked=&("input[checked=checked]");获取选中的控件

『伍』 怎样用JS判断复选框的值是否为空

js应该这样写：
var objs=document.getElementsByName('cj');
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;
}

阅读全文

与js判断复选框相关的资料

热点内容
数据库输入第一位字母 浏览：289
螺纹铣刀编程时需要注意什么 浏览：274
哪个app看明星脸 浏览：647
linux数据库修复命令行 浏览：976
温州电脑编程哪里学最好 浏览：511
Java获取项目文件相对路径 浏览：170
mac怎么安装matlab工具箱 浏览：542
数控编程端面用什么 浏览：593
邮箱存文件不能超过多少m 浏览：807
文件夹炸开 浏览：613
labview视频监控文件过大 浏览：753
台式电脑如何用数据线连接苹果手机热点上网 浏览：695
c编程如何画四个并列的圆 浏览：683
文件内容批量查找软件 浏览：819
迷你编程机械城怎么过14 浏览：714
数据库c表示什么意思 浏览：442
tcll42e5300d升级 浏览：464
文件名最多多少个字符组成 浏览：345
如何增加无线网络信号 浏览：466
三菱系统文件名 浏览：191

友情链接