当前位置:错新网文章中心网站开发Javascript → 用JavaScript进行Radio和CheckBox的取值和计算

用JavaScript进行Radio和CheckBox的取值和计算

减小字体 增大字体 作者:admin  来源:www.hack50.com  发布时间:2011-12-6 7:58:42

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代码

  1. //Radio取值   
  2. function GetRadioValue(RadioName){   
  3.     var obj;       
  4.      obj=document.getElementsByName(RadioName);   
  5.     if(obj!=null){   
  6.         var i;   
  7.         for(i=0;i<obj.length;i++){   
  8.             if(obj[i].checked){   
  9.                 return obj[i].value;               
  10.              }   
  11.          }   
  12.      }   
  13.     return null;   
  14. }   
  15. //计算CheckBox个数   
  16. function GetCheckBox(CheckBoxID,ItemCount)   
  17. {   
  18.     var iCount = 0;   
  19.     for(var i=0;i<ItemCount;i++)   
  20.      {   
  21.         var chk = document.getElementById(CheckBoxID+"_"+i);   
  22.         if(chk != null )   
  23.          {   
  24.             if(chk.checked)   
  25.                  iCount ++;   
  26.          }   
  27.      }   
  28.     return iCount;   
  29. }  
  30.  

     

    用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

    }
    }
    </script>
    </head>
    <body>

    <form>
    <table >

    <tbody id="on">
    <tr>
    <td><input type="checkbox" id="check1" /></td>
    <td><input type="checkbox" id="check1" /></td>
    <td><input type="checkbox" id="check1" /></td>
    <td><input type="checkbox" id="check1" /></td>
    </tr>
    </tbody>

    </table>
    <input type="button" onclick="check()" value="Check Checkbox" />
    <input type="button" onclick="uncheck()" value="Uncheck Checkbox" />

    </form>

    </body>
    </html>

    请教一个JS获取多选框值的问题

    <script type="text/javascript">
    function qq () {
    var str = ""
    var a = document.form1.getElementsByTagName("input")
    for(i=0;i<a.length;i++) {
       if(a[i].type=="checkbox" && a[i].checked) {
        str += a[i].value + ","
       }
    }
    javascript:window.open('tiqu.asp?n='+str,'','width=700,height=600,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
    return false;
    }
    </script>
    <form name="form1" method="post" action="">
    <label>
    <input name="userid" type="checkbox" id="userid" value="334" />
    <br />
    <input name="userid" type="checkbox" id="userid" value="123" />
    <br/>
    </label>
    <a href="#" onclick="qq()">asdfasdf</a>
    </form>


本文引用网址:

在下列搜索引擎中搜索“用JavaScript进行Radio和CheckBox的取值和计算”的相关信息:

谷歌搜索 百度搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1合肥艳照门升级版 第二波艳照e...
  • 2合肥艳照门视频 合肥艳照门全套...
  • 3合肥艳照门 合肥艳照门套图电驴...
  • 4王婷不雅视频 王婷全裸艳照 王...
  • 5合肥艳照门男主角qq 男主角qq空...
  • 1网络红人如何赚钱?我要成为网...
  • 2父栏目和子栏目都能在当前栏目...
  • 3如何做SEO才能让百度喜欢?
  • 4两年的站长织梦生涯DedeCMS陪我...
  • 5Dedecms会员注册验证邮箱的实现...
  • 1合肥艳照门事件 合肥艳照门全套...
  • 2中国女大学生的淫靡生活
  • 3武汉十七中教室门种子 教室门q...
  • 4网络惊现李双江之子多名初中小...
  • 5嫩白少妇与猛男户外疯狂车震遭...
  • 1加密无痕Win7系统让U盘成为个人...
  • 224日预警:将感染电脑变成FTP服...
  • 3Win2008系统活动目录权限管理服...
  • 4Linux服务器设置指南-代理接入...
  • 5典型WEB服务器Apache高级设置指...
  • 赞助商广告

    图片文章导读