导航:首页 > 编程语言 > 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判断复选框相关的资料

热点内容
线下活动数据分析有哪些 浏览：314
助听器插片式编程线如何连接 浏览：293
怎么删除系统休眠文件 浏览：914
搜索文件内容中包含的文字并替换 浏览：542
微信相册程序图标 浏览：714
win8怎么显示文件格式 浏览：547
文件服务器中毒 浏览：721
如何修改网站访问次数 浏览：518
mdfldf是什么文件 浏览：569
文件在桌面怎么删除干净 浏览：439
马兰士67cd机版本 浏览：542
javaweb爬虫程序 浏览：537
word中千位分隔符 浏览：392
迷你编程七天任务的地图怎么过 浏览：844
word2003格式不对 浏览：86
百度云怎么编辑文件在哪里 浏览：304
起名app数据哪里来的 浏览：888
微信怎么去泡妞 浏览：52
百度广告html代码 浏览：244
qq浏览器转换完成后的文件在哪里 浏览：623

友情链接