思路:首先利用name属性值获取checkbox对象,然后循环判断checked属性:如果为true表示被选中,false则表示未选中。
实例演示如下:
1、HTML结构
<input type="checkbox" name="test" value="1"/><span>1</span><input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="fun()"/>
2、javascript代码
function fun(){obj = document.getElementsByName("test")
check_val = []
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value)
}
alert(check_val)
}
3、演示效果
我用jq;单选框;
if($('radio').attr('check')=='checked'){
console.log($(this).value)//获取value值
console.log($(this).index())// 获取当前下标
}
check同,换个名字就好了
js中获取checkbox选中的值的方法:<script>
function checkbox()
{
var str=document.getElementsByName("box")
var objarray=str.length
var chestr=""
for (i=0i<objarrayi++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+","
}
}
if(chestr == "")
{
alert("请先选择一个爱好")
}
else
{
alert("先择的是:"+chestr)
}
}
</script>
选择爱好:
<input type="checkbox" name="box" id="box1" value="跳水" />跳水
<input type="checkbox" name="box" id="box2" value="跑步" />跑步
<input type="checkbox" name="box" id="box3" value="听音乐" />听音乐
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />