用JavaScript开展Radio和CheckBox的取值
日期：2014-05-16 浏览次数：20457 次
用JavaScript进行Radio和CheckBox的取值
js获取checkbox值
<html>
<head>
<script type="text/javascript">
function BatchDelete(){
var count = 0;
var a="";
if(document.datafrm.Sort.length)
{
for(var i = 0; i < document.datafrm.Sort.length; i++)
{
if(document.datafrm.Sort[i].checked)
{
a += document.datafrm.Sort[i].value + ';';
count++;
}
}
}
else {
if(document.datafrm.Sort.checked)
{
a += document.datafrm.Sort.value ;
}
}
if( count > 0)
{
if( confirm('是否要删除所选择的'+ count +'条记录！') )
{
alert(a);
//SubmitData(9);
}
}
else
{
alert('请在需要删除的条目前打勾！');
}
}
</script>
</head>
<body>
<form name="datafrm" method="post" id="datafrm">
<input name="Sort" type="checkbox" id="Sort1" value="1">原料
<input name="Sort" type="checkbox" id="Sort2" value="2">成品
<input name="Sort" type="checkbox" id="Sort3" value="石坯">石坯
<input name="Sort" type="checkbox" id="Sort4" value="饰品">饰品
<input name="Sort" type="checkbox" id="Sort5" value="机械配件">机械配件
<input name="Sort" type="checkbox" id="Sort6" value="其它">其它
<input name="ss" type="button" value="测试" onclick="BatchDelete()" />
</form>
</body>
</html>
JavaScript代码
//Radio取值
function GetRadioValue(RadioName){
var obj;
obj=document.getElementsByName(RadioName);
if(obj!=null){
var i;
for(i=0;i<obj.length;i++){
if(obj[i].checked){
return obj[i].value;
}
}
}
return null;
}
//计算CheckBox个数
function GetCheckBox(CheckBoxID,ItemCount)
{
var iCount = 0;
for(var i=0;i<ItemCount;i++)
{
var chk = document.getElementById(CheckBoxID+"_"+i);
if(chk != null )
{
if(chk.checked)
iCount ++;
}
}
return iCount;
}
用js实现多选框的复选
<html>
<head>
<script type="text/javascript">
function check()
{
var arr = new Array();//定义数组
arr = document.getElementById("on");//取到tbody对象
index = arr.childNodes[0].childNodes //取到第一个结点的子结点
for(i=0;i<index.length;i++){
index[i].childNodes[0].checked = true; //循环设置每个结点中checkbox的checked
}
}
&l
js获取checkbox值
<html>
<head>
<script type="text/javascript">
function BatchDelete(){
var count = 0;
var a="";
if(document.datafrm.Sort.length)
{
for(var i = 0; i < document.datafrm.Sort.length; i++)
{
if(document.datafrm.Sort[i].checked)
{
a += document.datafrm.Sort[i].value + ';';
count++;
}
}
}
else {
if(document.datafrm.Sort.checked)
{
a += document.datafrm.Sort.value ;
}
}
if( count > 0)
{
if( confirm('是否要删除所选择的'+ count +'条记录！') )
{
alert(a);
//SubmitData(9);
}
}
else
{
alert('请在需要删除的条目前打勾！');
}
}
</script>
</head>
<body>
<form name="datafrm" method="post" id="datafrm">
<input name="Sort" type="checkbox" id="Sort1" value="1">原料
<input name="Sort" type="checkbox" id="Sort2" value="2">成品
<input name="Sort" type="checkbox" id="Sort3" value="石坯">石坯
<input name="Sort" type="checkbox" id="Sort4" value="饰品">饰品
<input name="Sort" type="checkbox" id="Sort5" value="机械配件">机械配件
<input name="Sort" type="checkbox" id="Sort6" value="其它">其它
<input name="ss" type="button" value="测试" onclick="BatchDelete()" />
</form>
</body>
</html>
JavaScript代码
//Radio取值
function GetRadioValue(RadioName){
var obj;
obj=document.getElementsByName(RadioName);
if(obj!=null){
var i;
for(i=0;i<obj.length;i++){
if(obj[i].checked){
return obj[i].value;
}
}
}
return null;
}
//计算CheckBox个数
function GetCheckBox(CheckBoxID,ItemCount)
{
var iCount = 0;
for(var i=0;i<ItemCount;i++)
{
var chk = document.getElementById(CheckBoxID+"_"+i);
if(chk != null )
{
if(chk.checked)
iCount ++;
}
}
return iCount;
}
用js实现多选框的复选
<html>
<head>
<script type="text/javascript">
function check()
{
var arr = new Array();//定义数组
arr = document.getElementById("on");//取到tbody对象
index = arr.childNodes[0].childNodes //取到第一个结点的子结点
for(i=0;i<index.length;i++){
index[i].childNodes[0].checked = true; //循环设置每个结点中checkbox的checked
}
}
&l
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
