使用JavaScript获得checkbox选中项
2008-03-29 22:12
1011 查看
这个在程序中会经常用到。以前的程序都是使用后台代码来获得用户的选择项，在客户端，可以使用JavaScript来做这个判断，减轻服务器端的负担。
<html>
<head>
<script language="JavaScript" type="text/javascript">
function btn_Check_onclick()
...{
var myElement;
var numberOfControls=document.form1.length;
var compSpec="Your chosen language is ";
for(var i=0;i<numberOfControls;i++)
...{
myElement=document.form1[i];
if(myElement.type=="checkbox")
...{
if(myElement.checked==true)
...{
compSpec+=myElement.value+" ";
}
}
}
alert(compSpec);
}
</script>
</head>
<body>
<form name="form1">
<div>
<h1>Please choice your language:</h1>
<br/>
<p>
<table>
<tr>
<td>Java</td>
<td><input type="checkbox" name="chk_Java" value="Java"></td>
</tr>
<tr>
<td>C#</td>
<td><input type="checkbox" name="chk_c#" value="cSharp"></td>
</tr>
<tr>
<td>Python</td>
<td><input type="checkbox" name="chk_Python" value="Python"></td>
</tr>
<tr>
<td><input type="button" name="btn_Check" value="Sub_Check" onclick="return btn_Check_onclick()"></td>
</tr>
</table>
</p>
</div>
</form>
</body>
</html>
<html>
<head>
<script language="JavaScript" type="text/javascript">
function btn_Check_onclick()
...{
var myElement;
var numberOfControls=document.form1.length;
var compSpec="Your chosen language is ";
for(var i=0;i<numberOfControls;i++)
...{
myElement=document.form1[i];
if(myElement.type=="checkbox")
...{
if(myElement.checked==true)
...{
compSpec+=myElement.value+" ";
}
}
}
alert(compSpec);
}
</script>
</head>
<body>
<form name="form1">
<div>
<h1>Please choice your language:</h1>
<br/>
<p>
<table>
<tr>
<td>Java</td>
<td><input type="checkbox" name="chk_Java" value="Java"></td>
</tr>
<tr>
<td>C#</td>
<td><input type="checkbox" name="chk_c#" value="cSharp"></td>
</tr>
<tr>
<td>Python</td>
<td><input type="checkbox" name="chk_Python" value="Python"></td>
</tr>
<tr>
<td><input type="button" name="btn_Check" value="Sub_Check" onclick="return btn_Check_onclick()"></td>
</tr>
</table>
</p>
</div>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用递归方法获得TreeView中CheckBox选中的节点
- javascript获得CheckBoxList选中的数量
- 使用递归方法获得CheckBox选中的节点
- javascript获得CheckBoxList选中的数量(jQuery与Javascript对照学习/前台与后台)
- 前端开发学习之——使用jquery/javascript判断及改变checkbox选中状态
- javascript获得CheckBoxList选中的数量
- jquery实现全选、反选、获得所有选中的checkbox
- IE6,7,8下使用Javascript记录光标选中范围（已补全）（已解决单个节点内部重复字符的问题）
- 用JavaScript获取Asp.net服务器端控件CheckBoxList的选中值数组
- Javascript判断多选框checkbox和单选钮是否选中
- 在js中怎样获得checkbox里选中的多个值？
- asp.net 获得有复选框形式的TreeView的选中的节点值，获得树里复选框checkbox的值
- 用JavaScript获取Asp.net服务器端控件CheckBoxList的选中值数组
- javascript 获得checkbox所选择值
- jquery实现全选、反选、获得所有选中的checkbox
- struts2的s:checkbox标签如何获得后台传来的值并选中
- JavaScript中使用arguments获得函数传参个数实例
- Winform中DataGridView的DataGridViewCheckBoxColumn使用方法(选中与选不中)
- 使用JavaScript动态添加复选框Checkbox
- javascript中checkbox使用方法实例演示