Php 使用复选框选中所有复选框
可能重复：Php 使用复选框选中所有复选框,php,javascript,jquery,Php,Javascript,Jquery,可能重复： 示例程序 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Sample Program</title> <script src="http://code.jquery.com/jquery-1.7rc2.js"></script&
示例程序
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Sample Program</title>
<script src="http://code.jquery.com/jquery-1.7rc2.js"></script>
</head>
<body>
<form action='ppc_logistic-control_number.php' target='_blank' method='post'>
<b>Sample Program</b><br>
<div id="check-b">
<input type='checkbox' id="top-checkbox">
<?php
for($i=0;$i<5;$i++)
{
print"<input name='checkbox[]' type='checkbox' id='checkbox[]' value='$i->logi_id' value='$i->ppc_id' style='margin-left:-5px'><br>";
}
?>
<input type="submit" value="submit" name="gen"/>
</div>
</form>
<script type="text/javascript">
$(function(){
$('#top-checkbox').change(function(){
var isChecked = $(this).attr("checked");
if (isChecked) {
$('#check-b').find(':checkbox').prop('checked', true);
}else{
$('#check-b').find(':checkbox').prop('checked', false);
}
});
});
</script>
</body>
</html>
这将是基本逻辑
HTML页面中的ID应是唯一的。。尝试使用类而不是使用javascript
<input type="checkbox" value="select" onclick="javascript:checkAll()" name="allbox" class="table_ckbox" /></th>
函数checkAll（）
{
对于（var i=0；i试试这个
示例程序
示例程序
下面是显示基于类的选中和取消选中复选框的示例
您可能希望将第一个元素的类设置为父元素
，将所有其他元素设置为子元素
，下面的代码将简化您的工作
注意：将这段代码复制并粘贴到html文件中，然后进行播放，这样您就可以很好地理解它了
<html>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".parent").click(function(){
var check = $(this).attr('checked');
if(check=="checked")
{
$(".child").attr('checked','checked');
}
else
$(".child").removeAttr('checked');
});
});
</script>
<input type="checkbox" name="vehicle1" id="vehicle1" class="parent" value="Bike">Parent<br />
<input type="checkbox" name="vehicle2" id="vehicle2" class="child" value="Car">Child 1<br />
<input type="checkbox" name="vehicle3" id="vehicle3" class="child" value="Car">Child 1<br />
<input type="checkbox" name="vehicle4" id="vehicle4" class="child" value="Car">Child 1<br />
<input type="checkbox" name="vehicle5" id="vehicle5" class="child" value="Car">Child 1<br />
</body>
</html>
$（文档）.ready（函数（）{
$（“.parent”）。单击（函数（）{
var check=$（this.attr（'checked'）；
如果（检查=“检查”）
{
$（“.child”）.attr（'checked'，'checked'）；
}
其他的
$（“.child”）.removeAttr（'checked'）；
});
});
家长
儿童1
儿童1
儿童1
儿童1
没有指向演示的链接。而且，不能有多个元素具有相同的id。thx Alessandro Minoccherity先生此链接[[1]：啊，好的，希望如此-（thx先生/女士11684+1是否有效？如果没有，请通知我..谢谢当我使用您的代码时，它工作正常。但当我尝试将该代码放入实际代码时，它不起作用？可能是因为我的复选框在a中？或者因为我使用了许多jquery…标题如jquery1.8。。。。
foreach($listArr as $list) {
echo '<td><input type="checkbox" value="'.$list['id'].'" name="module[]" /></td>';
}
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Sample Program</title>
<script src="http://code.jquery.com/jquery-1.7rc2.js"></script>
</head>
<body>
<form action='ppc_logistic-control_number.php' target='_blank' method='post'>
<b>Sample Program</b><br>
<div id="check-b">
<input type='checkbox' id="top-checkbox">
<?php
for($i=0;$i<5;$i++)
{
print"<input name='checkbox[]' type='checkbox' id='checkbox[]' value='$i->logi_id' value='$i->ppc_id' style='margin-left:-5px'><br>";
}
?>
<input type="submit" value="submit" name="gen"/>
</div>
</form>
<script type="text/javascript">
$(function(){
$('#top-checkbox').change(function(){
var isChecked = $(this).attr("checked");
if (isChecked) {
$('#check-b').find(':checkbox').prop('checked', true);
}else{
$('#check-b').find(':checkbox').prop('checked', false);
}
});
});
</script>
</body>
</html>
<html>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".parent").click(function(){
var check = $(this).attr('checked');
if(check=="checked")
{
$(".child").attr('checked','checked');
}
else
$(".child").removeAttr('checked');
});
});
</script>
<input type="checkbox" name="vehicle1" id="vehicle1" class="parent" value="Bike">Parent<br />
<input type="checkbox" name="vehicle2" id="vehicle2" class="child" value="Car">Child 1<br />
<input type="checkbox" name="vehicle3" id="vehicle3" class="child" value="Car">Child 1<br />
<input type="checkbox" name="vehicle4" id="vehicle4" class="child" value="Car">Child 1<br />
<input type="checkbox" name="vehicle5" id="vehicle5" class="child" value="Car">Child 1<br />
</body>
</html>