jQuery获取全部被选中的checkbox并依次操作
$("input:checkbox[name=所有的checkboxname同名]:checked").each(function(){
//操作
});
jquery 获取所有的 checkbox 值
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function getCheckAdIds() {
var adIds = "";
$("input:checkbox[name=check_name]:checked'").each(function(i){
if(0==i){
adIds = $(this).val();
}else{
adIds += (","+$(this).val());
}
});
alert(adIds);
return adIds;
}
</script>
</head>
<body>
<input name="check_name" type="checkbox" value="1"/>1
<input name="check_name" type="checkbox" value="2"/>2
<input name="check_name" type="checkbox" value="3"/>3
<input name="check_name" type="checkbox" value="4"/>4
<input name="check_name" type="checkbox" value="5"/>5
<input name="check_name" type="checkbox" value="6"/>6<br/>
<button οnclick="getCheckAdIds()">获取选中结果</button>
</body>
</html>
上面不知道为什么运行没结果,改写后可以:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="assets/js/jquery-1.10.2.min.js"></script>
<!-- <script type="text/javascript" src="assets/js/jquery.min.js"></script> -->
</head>
<body>
<input name="check_name" type="checkbox" value="1"/>1
<input name="check_name" type="checkbox" value="2"/>2
<input name="check_name" type="checkbox" value="3"/>3
<input name="check_name" type="checkbox" value="4"/>4
<input name="check_name" type="checkbox" value="5"/>5
<input name="check_name" type="checkbox" value="6"/>6<br/>
<button οnclick="getCheckAdIds()" id="tt1">获取选中结果</button>
<script type="text/javascript">
function getCheckAdIds() {
alert("123");
var adIds = "";
$("input:checkbox[name=check_name]:checked").each(function(i){
if(0==i){
adIds = $(this).val();
}else{
adIds += (","+$(this).val());
}
});
alert(adIds);
return adIds;
}
</script>
</body>
<script>
$(document).ready(function(){
$("#tt1").on("click",function(){
var adIds = "";
$("input:checkbox[name=check_name]:checked").each(function(i){
if(0==i){
adIds = $(this).val();
}else{
adIds += (","+$(this).val());
}
console.log("第"+i+"次打印");
console.log($(this).val());
});
alert(adIds);
return adIds;
});
});
</script>
</html>
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/tengdazhang770960436/article/details/37594691
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_38006520/article/details/81319603