php中的Javascript全选按钮
大家好首先我不懂Javascript,我从互联网上得到了这个脚本,但无法运行。如果有人能这么好心,请帮助我。我正在尝试在表单上为我的复选框创建一个“全选”和“取消全选”按钮,如果我单击该按钮,它不会选择任何内容。我哪里做错了php中的Javascript全选按钮,php,javascript,Php,Javascript,大家好首先我不懂Javascript,我从互联网上得到了这个脚本,但无法运行。如果有人能这么好心,请帮助我。我正在尝试在表单上为我的复选框创建一个“全选”和“取消全选”按钮,如果我单击该按钮,它不会选择任何内容。我哪里做错了 <?php session_start(); ?> <head> <SCRIPT LANGUAGE="JavaScript"> <!-- <!-- Begin function CheckAll(chk) { for (i
<?php
session_start();
?>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
<!-- Begin
function CheckAll(chk)
{
for (i = 0; i < chk.length; i++)
chk[i].checked = true ;
}
function UnCheckAll(chk)
{
for (i = 0; i < chk.length; i++)
chk[i].checked = false ;
}
// End -->
</script>
</head>
然后是表格:
$sql0 = "SELECT * FROM .....
$result0 = mysql_query($sql0);
echo "<form name='myform' action='...' method='post'>";
while($row0 = mysql_fetch_assoc($result0)) {
$test_id=$row0['id'];
$test_name=$row0['test_name'];
echo " <table width=600px>";
echo " <tr>";
echo " <td width=30px><input name='question[$test_id][]' type='checkbox' value='1' /></td>";
echo " <td width=580px align=left>$test_name</td>";
echo " </tr>";
echo " </table>";
}
echo "</P>";
echo "<input type='button' name='Check_All' value='Check All' onClick='CheckAll(document.myform.check_list)'>";
echo "<input type='button' name='Un_CheckAll' value='Uncheck All' onClick='UnCheckAll(document.myform.check_list)'>";
echo "</form>";
$sql0=“选择*自…”。。。。。
$result0=mysql\u查询($sql0);
回声“;
而($row0=mysql\u fetch\u assoc($result0)){
$test_id=$row0['id'];
$test_name=$row0['test_name'];
回声“;
回声“;
回声“;
回显“$test_name”;
回声“;
回声“;
}
回声“”;
回声“;
回声“;
回声“;
更改此选项:
<td width=30px><input name='question[$test_id][]' type='checkbox' value='1' /></td>";
”;
为此:
<td width=30px><input name='check_list[]' type='checkbox' value='1' /></td>";
”;
我强烈建议使用jQuery,它可以让您专注于逻辑,而不必担心可能遇到的跨浏览器问题
<script src='http://code.jquery.com/jquery-1.6.3.min.js' type='text/javascript'></script>
<script>
$(document).ready(function () {
//check all
$('input[name="Check_All"]').click(function () {
//for all checkboxes where the name begins with "question", check them
$('input[name^="question"]').attr('checked', true);
});
//uncheck all
$('input[name="Un_CheckAll"]').click(function () {
//for all checkboxes where the name begins with "question", uncheck them
$('input[name^="question"]').attr('checked', false);
});
});
</script>
单击找到的项时,在传递的函数中执行代码
$('input[name="Check_All"]').click(function () {
//javascript code here
});
对于名称以“问题”开头的所有复选框,请选中它们
$('input[name^="question"]').attr('checked', true);
如果您不懂javascript,我强烈建议您研究jquery——一个消除跨浏览器问题并使大量javascript变得容易得多的库 只需包括以下内容:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
你的代码呢
<input type='button' name='Check_All' value='Check All' onClick='$(":checkbox").attr("checked",true);'>
未经测试,但应该可以。您已通过复选框名称的检查列表。在输入标记中,它将动态出现…检查它..并回复,以便我可以继续执行代码..您好,是的,我明白您的意思,如果我将输入标记更改为检查列表,它将正常工作,但我需要从表中获取信息,以便在我的活动中使用它在表单上,现在该怎么做?显示呈现的html(转到您的网页,并“查看源代码”,从那里发布相关的html),因为PHP与JavaScript无关。不,不幸的是,这并不能解决问题。我认为您的上一段代码将始终将复选框设置为选中,使其无法取消选中?无论如何,您为什么需要js?
<input type='button' name='Check_All' value='Check All' onClick='$(":checkbox").attr("checked",true);'>