扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
1.这个要使用js来判断是否选中,需要引用jquery
成都创新互联公司专注于土默特右旗网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供土默特右旗营销型网站建设,土默特右旗网站制作、土默特右旗网页设计、土默特右旗网站官网定制、成都微信小程序服务,打造土默特右旗网络公司原创品牌,更为您提供土默特右旗网站排名全网营销落地服务。
script type="text/javascript" src="js/jquery-1.8.3.min.js" /script
script type="text/javascript"
$(function(){
$("#all").change(function(){//判断全选框的改变
var flage =$(this).is(":checked");//全选选中为true,否则为false
$("input[type=checkbox]").each(function(){
$(this).prop("checked",flage);
})
})
})
/script
input type="checkbox" id="all" /全选
input type="checkbox" /
input type="checkbox" /
input type="checkbox" /
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
script language="javascript"
window.onload=function()
{
var arr =document.getElementsByTagName('input');
var b = document.getElementById("btu");
var iSelect=true;
b.onclick=function()
{
if(iSelect==true)
{
for(var i=0;iarr.length;i++)
{
arr[i].checked=true;
}
iSelect=false;
b.value='反选';
}
else if(iSelect==false)
{
for(var i=0;iarr.length;i++)
{
arr[i].checked=false;
}
iSelect=true;
b.value='全选';
}
}
}
/script
/head
body
form
input type="checkbox" value="读书" name="like" /读书br /
input type="checkbox" value="看书" name="like" /看书br /
input type="checkbox" value="写书" name="like" /写书br /
input type="checkbox" value="听书" name="like" /听书br /
input type="button" id="btu" value="全选" /
/form
/body
/html
你错的有点不合理啊,首先js是类c语言,但是一种弱语言,定义变量是用var 你用的是int。其次var b=document.getElementById("btu"); b是你选取的元素对象,你怎么就可以直接用来判断(b=="全选")这是不对的。我在你的基础上改好了,你自己好好看看吧
仅供参考。
SCRIPT LANGUAGE="JavaScript"
function ck(b)
{
var input = document.getElementsByTagName("input");
for (var i=0;iinput.length ;i++ )
{
if(input[i].type=="checkbox")
input[i].checked = b;
}
}
/SCRIPT
INPUT TYPE="checkbox" NAME="a"1
INPUT TYPE="checkbox" NAME="a"2
INPUT TYPE="checkbox" NAME="a"3
INPUT TYPE="checkbox" NAME="a"4
INPUT TYPE="checkbox" NAME="a"5BR
input type="button" onclick="ck(true)" value="全选"input type="button" onclick="ck(false)" value="取消全选"
on focus事件可以自动聚焦,如果是实现全选的话,就要用到js或者jquery了
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流