您的位置：首页 > Web前端 > JQuery

js,jquery获取checkbox的值及判断是否选择

2013-10-18 16:11 609 查看

在网络上发现了一个很不错的js资源,地址如下:http://www.111cn.net/tags.php/checkbox/

在js中遇到的疑难问题可以试试在这个网站上找到相应资源

下面是完整的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>JS获取复选框被选中的值</title>

</head>

<body>

<input type="checkbox" name="test" value="0" />0

<input type="checkbox" name="test" value="1" />1

<input type="checkbox" name="test" value="2" />2

<input type="checkbox" name="test" value="3" />3

<input type="checkbox" name="test" value="4" />4

<input type="checkbox" name="test" value="5" />5

<input type="checkbox" name="test" value="6" />6

<input type="checkbox" name="test" value="7" />7

<input type="button" onclick="chk()" value="提交" />

</body>

</html

<mce:script type="text/javascript"><!--



function chk(){

var obj=document.getElementsByName('test'); //选择所有name="'test'"的对象，返回数组

//取到对象数组后，我们来循环检测它是不是被选中

var s='';

for(var i=0; i<obj.length; i++){

    if(obj[i].checked) s+=obj[i].value+','; //如果选中，将value添加到变量s中

}

//那么现在来检测s的值就知道选中的复选框的值了

alert(s==''?'你还没有选择任何内容！':s);

}



function jqchk(){ //jquery获取复选框值

var chk_value =[];

$('input[name="test"]:checked').each(function(){

   chk_value.push($(this).val());

});

alert(chk_value.length==0 ?'你还没有选择任何内容！':chk_value);

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： JavaScript dom

相关文章推荐

新的分享

章节导航