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这里也是遍历了，这里我讲单选了哦。 |
