夏日博客

A-A+

js获取选中checkbox值程序代码

2016年10月16日 前端设计 暂无评论 阅读 5 views 次

由于checkbox的特殊性很多朋友都不知道单独获取选中checkbox值,下面我来给大家介绍js获取选中checkbox值程序代码,有需要了解的朋友可参考.

先我们要知道,checkbox如果选中在js就是document.all['titlebox'].checked 即可了,下面我来给大家做个实例,代码如下:

  1. function addtitle()  
  2. {  
  3.  if( document.all['titlebox'].checked  )  
  4.  {     
  5.   document.getElementById('ititle').style.display='block';  
  6.  }  
  7.   else  
  8.  {  
  9.   document.getElementById('ititle').style.display='none';     
  10.  }  
  11. }  

html,代码如下:

  1. <input name="titlebox" type="checkbox" id="titlebox" onclick="addtitle();" value="1" />  
  2. <div id="ititle" style="display:none;">  
  3.  <input name="title2" type="text" id="title2" size="60" />  
  4. </div>  

上面是对单来进行操作，如果是我们批量复选框并且名字是数组形式的,只要遍历一下就可以了,下面我来来看看,代码如下:

  1. <input type="checkbox" name="sex" value="男" />男  
  2. <input type="checkbox" name="sex" value="女" />女  
  3. <input type="checkbox" name="sex" value="Unknow" />Unknow  
  4. <input type="button" value="ShowSelectedValue" id="showValue" />   
  5. $(function () {  
  6. $("#showValue").click(function () {  
  7. $(":checkbox[name='sex'][checked]").each(function () {  
  8. alert($(this).val());  
  9. });  
  10. })  
  11. });  

jquery这里也是遍历了，这里我讲单选了哦。

标签：

给我留言