"全选/全不选"的javascript脚本命令如何写?
<input type="submit" onclick="SelectAll()" name="button" id="button" value="全选">
<input type="submit" onclick="NOT_SelectAll()" name="button2" id="button2" value="全不选">
<%
while (!web_rs.EOF)
{
%>
<input type="checkbox" name="vendor_fxk" value=<%=web_rs("Vendorid")%>>
[<%=(web_rs("VendorCode")+'').replace(/(^\s*)|(\s*$)/g, '')%>]<%=(web_rs("cVenname")+'').replace(/(^\s*)|(\s*$)/g, '')%>
<%
web_rs.MoveNext
}
%>
<script language="javascript" type="text/javascript">
function SelectAll()
{
这里的命令,写不出来了.头一次学类似命令,不是太熟悉
}
function NOT_SelectAll()
{
这里的命令,写不出来了.头一次学类似命令,不是太熟悉
}
</script>
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
</head>
<body>
<form method="post" name="form1" >
<input type="button" onclick="SelectAll()" value="全选">
<input type="button" onclick="RE_Select()" value="反选">
<input type="button" onclick="NOT_SelectAll()" value="全不选">
<input type="checkbox" name="vendor_fxk" >
<input type="checkbox" name="vendor_fxk" >
<input type="checkbox" name="vendor_fxk" >
<input type="checkbox" name="vendor_fxk" >
<input type="checkbox" name="vendor_fxk" >
<input type="checkbox" name="vendor_fxk" >
<input type="checkbox" name="vendor_fxk" >
<input type="checkbox" name="vendor_fxk" >
<input type="checkbox" name="vendor_fxk" >
<input type="checkbox" name="vendor_fxk" >
<input type="checkbox" name="vendor_fxk" >
</form>
<script language="javascript" type="text/javascript">
function SelectAll()
{
var ch = document.form1.vendor_fxk;
for(var i=0, l = ch.length; i < l; ++i)
ch[i].checked=true;
}
function RE_Select()
{
var ch = document.form1.vendor_fxk;
for(var i=0, l = ch.length; i < l; ++i)
ch[i].checked=!ch[i].checked;
}
function NOT_SelectAll()
{
var ch = document.form1.vendor_fxk;
for(var i=0, l = ch.length; i < l; ++i)
ch[i].checked=false;
}
</script> </body>
</html>
------解决方案--------------------
$(function(){
//全选
$("#checkAll").click(function(){
$(this).attr("checked",true).siblings().attr("checked",false)//勾选自己,同类不勾选
$(this).parents().siblings().find("input:checkbox").attr("checked","checked") //查找并勾选同一祖先下的选框
})
//不选
$("#checkNo").click(function(){
$(this).attr("checked",true).siblings().attr("checked",false)//勾选自己,同类不勾
$(this).parents().attr("checked",false).siblings().find("input:checkbox").attr("checked",false) //查找不勾选同一祖先下的选框
})
})
------解决方案--------------------
jquery $("input[name='vendor_fxk']").attr("checked", true);
------解决方案--------------------
全不选 $("input[name='vendor_fxk']").attr("checked", flase);
------解决方案--------------------
全选:
//全选
function SelectAll(){
var items=document.getElementsByName("vendor_fxk");//获取所有name 为vendor_fxk的checkbox