网站地图    收藏   

主页 > 前端 > javascript >

js获取选中checkbox值程序代码

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

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

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

 代码如下 复制代码

function addtitle()
{
 if( document.all['titlebox'].checked  )
 {   
  document.getElementById('ititle').style.display='block';
 }
  else
 {
  document.getElementById('ititle').style.display='none';   
 }
}

html

 代码如下 复制代码

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

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

 代码如下 复制代码

<input type="checkbox" name="sex" value="男" />男
<input type="checkbox" name="sex" value="女" />女
<input type="checkbox" name="sex" value="Unknow" />Unknow
<input type="button" value="ShowSelectedValue" id="showValue" />
$(function () {
$("#showValue").click(function () {
$(":checkbox[name='sex'][checked]").each(function () {
alert($(this).val());
});
})
});

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

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论