js、jquery获取checkbox全部值

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>


</head>
<body>
<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><br>
<!-- <input type='button' id="btn1" value='提交' onclick="fun()"/> -->
<input type="button" value="获取所有checkbox的值." id="btn1"/>

<input type="checkbox" id="btn2" />全选/全不选
<input type="button" value="取消checkbox." id="btn3"/>
</body>
<!-- 导入 jQuery 库 -->
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){

$("#btn1").click(function(){
var ss = "";
$(":checkbox[name='test']:checked").each(function(){
ss+=this.value;
// alert(this.value);
});
alert(ss);
});
$("#btn2").click(function(){
var flag = this.checked;
// ALERT(FALG);
$(":checkbox[name='test']").attr("checked", flag);
});

$("#checkedAll_2").click(function(){
var flag = this.checked;
$(":checkbox[name='items']").attr("checked", flag);
});

})

function fun1(){

// jquery


// var r=document.getElementsByName("test");
// var rr = document.getElementsByName("test");
// var ss = '';
// for(var ii = 0;ii<rr.length;ii++){
// if(rr[ii].checked){
// ss +=rr[ii].value;
// }
// }
// alert(ss);

// alert(str);
// for(var i=0;i<r.length;i++){
// if(r[i].checked){
// alert(r[i].value+","+r[i].nextSibling.nodeValue);
// }
// }
}

</script>

</html>

你可能感兴趣的:(js、jquery获取checkbox全部值)