js判断复选框是否选中程序代码
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] js判断checkbox是否选中的核心代码就是 if(document.getElementById(\"checkboxID\").checked){ alert(\"checkbox is checked\");} 即可。...
| 代码如下 |
复制代码 |
|
<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="检测">
|
|
