js判断复选框是否选中程序代码

 代码如下 复制代码

<title>JavaScript 获取复选框的值</title>
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
　 if(str[i].checked == true)
　 {
　　 chestr+=str[i].value+",";
　 }
}
if(chestr == "")
{
　 alert("请先选择复选框～！");
}
else
{
　 alert("复选框的值是："+chestr);
}
}
</script>

选择您的拿手技术：

<input type="checkbox" name="box" id="box1" value="ASP" />ASP
<input type="checkbox" name="box" id="box2" value="PHP" />PHP
<input type="checkbox" name="box" id="box3" value="JSP" />JSP
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />

比如我选了5个 就在HTML页面里显出来是我选的那5个

 

 代码如下 复制代码
<input type="checkbox" id="box" value="sss1"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="button" name="btnOK" value="确定"/>
<script for = btnOK event=onclick>
var value="";
for (var i=0;i<box.length;i++ ){
if(box[i].checked){ //判断复选框是否选中
value=value+box[i].value + " "; //值的拼凑 .. 具体处理看你的需要,
}
}
alert(value);//输出你选中的那些复选框的值
</script>

动态复选框 使用js 判断是否选中

 代码如下 复制代码

<html>
<head>
<script type="text/javascript">
function load(){
var text="";
target=document.getElementById("checkboxdiv");
for(i=0;i<10;i++){
text+="<input name='mycheck' type='checkbox' value="+i+">"+i+"<br>";
}
target.innerHTML=text;
}

function getChecked(){
var checkboxes = document.getElementsByName('mycheck');
var checkedArr = new Array();
for(var i=0;i<checkboxes.length;i++){
if(checkboxes[i].checked){
checkedArr.push(checkboxes[i].value);
}
}
document.getElementById('currentchecked').value = checkedArr.join(',');
}
</script>
</head>
<body onload="load()">
<input id="currentchecked">
<div id='checkboxdiv'></div>
<input id="getChecked" type="button" onclick="getChecked()" value="getChecked"/>
</body>
</html>

后面再给几个判断有选或没选的代码

 代码如下 复制代码

<input type=button onclick="check('test');" value="检测">      
  
//第几个没有选   
<input type="checkbox" name="checkbox1" checked>   
<input type="checkbox" name="checkbox1">   
<input type="checkbox" name="checkbox1" checked>   
<input type="checkbox" name="checkbox1">   
<input type="checkbox" name="checkbox1">   
<script language=javascript>   
function check(obj)   
{   
  
for(i=0;i<document.all(obj).length;i++)   
{   
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择")   
}   
}   
</script>   
<input type=button onclick="check('checkbox1')" value="检测">   
  
  
//一个也没有选   
  
  
<input type="checkbox" name="test">   
<input type="checkbox" name="test">   
<input type="checkbox" name="test">   
<input type="checkbox" name="test">   
<input type="checkbox" name="test">   
<Script Language="JavaScript">   
function check(obj){   
for(i=0;i<document.all(obj).length;i++){   
if(document.all(obj)(i).checked){   
return;   
}   
}   
window.alert('一个也没有选！');   
}   
</Script>   
<input type=button onclick="check('test');" value="检测">    
时间： 2024-09-21 19:42:00

js判断复选框是否选中程序代码的相关文章

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

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

javascript判断复选框是否选中的方法_javascript技巧

之前总结了一下关于jquery如何判断复选框是否选中的问题,今天总结如何判断js复选框是否选中 javascript判断复选框是否选中,下面通过例子来说明(现在有如下的一组复选框): <input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="o

jquery判断复选框是否选中进行答题提示特效_jquery

本文实例讲述了jquery判断复选框是否选中进行答题提示特效代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 一.实现的原理: 第一步:判断用户选择哪一项,即哪个复选框被选中 第二步:根据复选框的选中情况给出相应的提示 二.下面来看主体程序: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <

jquery判断复选框checkbox选中个数

首先引入jquery文件 <script type="text/javascript" src="js/jquery.js"></script> 判断check是否选中 多选框checkbox:  代码如下 复制代码  $("#chk1").attr("checked",'');//不打勾  $("#chk2").attr("checked",true);//打勾

javascript 判断复选框是否选中

 代码如下 复制代码 if (type=="r_cb") { e=document.forms(0).elements; var flag=false; for (i=0;i<e.length;i++) { if (e[i]!=cb_name) { if (e[i].checked==true) { flag=true; break; } } if (i==e.length-1) { break; } } if (flag==false) { alert(message+&quo

jquery判断复选框是否被选中的方法_jquery

jquery 判断复选框是否选中以及如何选中的问题做一下总结. 进入正题,还是当页面有如下一组复选框的时候: <input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="orange" />橘子 <input type=&q

jQuery获取复选框被选中数量及判断选择值的方法详解_jquery

本文实例讲述了jQuery获取复选框被选中数量及判断选择值的方法.分享给大家供大家参考,具体如下: 获取复选框被选中值 <input type="button" id="btn5" value="获得选中的所有值"> <input type="text" name="dd" id="dd" size="50" /> $("#btn5&

基于jQuery实现复选框是否选中进行答题提示_jquery

最近是在项目需求中遇到的功能点,根据用户选择的选项给出相应的提示,下面给出了测试程序的效果图,看看是不是很满意,如果大家觉得还不错,请继续查看全文. 一.实现的原理: 第一步:判断用户选择哪一项,即哪个复选框被选中 第二步:根据复选框的选中情况给出相应的提示 二.下面来看主体程序: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title&

jquery 统计复选框checkbox选中个数

以前我使用js只能判断遍历再获取, 例1  代码如下 复制代码 <!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"> <head> &l