跪求各位js高手，怎么修改可以删除全选或选中的内容？？？
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript实现全选</title>
</head>
<body>
<form>
<input type="checkbox" id="checkAll"/>全选/全不选
<input type="checkbox" name="item" value="足球">足球
<input type="checkbox" name="item" value="篮球">篮球
<input type="checkbox" name="item" value="排球">排球
</form>
<script type="text/javascript">
window.onload=function(){
var check_All = document.getElementById("checkAll");
var i_tem=document.getElementsByName("item");
check_All.onclick = function(){
var flag =this.checked;
for(var i=0; i<i_tem.length; i++)
{
i_tem[i].checked=flag;
}
}
for(var i=0; i<i_tem.length; i++)
{
i_tem[i].onclick=function(){
var num=0;
for(var j=0; j<i_tem.length; j++)
{
if(i_tem[j].checked)
{
num++;
}
}
check_All.checked=i_tem.length==num?true:false;
}
}
}
</script>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript实现全选</title>
</head>
<body>
<form>
<input type="checkbox" id="checkAll"/>全选/全不选
<input type="checkbox" name="item" value="足球">足球
<input type="checkbox" name="item" value="篮球">篮球
<input type="checkbox" name="item" value="排球">排球
</form>
<script type="text/javascript">
window.onload=function(){
var check_All = document.getElementById("checkAll");
var i_tem=document.getElementsByName("item");
check_All.onclick = function(){
var flag =this.checked;
for(var i=0; i<i_tem.length; i++)
{
i_tem[i].checked=flag;
}
}
for(var i=0; i<i_tem.length; i++)
{
i_tem[i].onclick=function(){
var num=0;
for(var j=0; j<i_tem.length; j++)
{
if(i_tem[j].checked)
{
num++;
}
}
check_All.checked=i_tem.length==num?true:false;
}
}
}
</script>
</body>
</html> 展开
2个回答
展开全部
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript实现全选</title>
</head>
<body>
<form>
<input type="checkbox" id="checkAll" />全选/全不选
<label><input type="checkbox" name="item" value="足球">足球</label>
<label><input type="checkbox" name="item" value="篮球">篮球</label>
<label><input type="checkbox" name="item" value="排球">排球</label>
</form>
<button id="del">删除</button>
<script type="text/javascript">
window.onload = function () {
var check_All = document.getElementById("checkAll");
var i_tem = document.getElementsByName("item");
check_All.onclick = function () {
var flag = this.checked;
for (var i = 0; i < i_tem.length; i++) {
i_tem[i].checked = flag;
}
}
for (var i = 0; i < i_tem.length; i++) {
i_tem[i].onclick = function () {
var num = 0;
for (var j = 0; j < i_tem.length; j++) {
if (i_tem[j].checked) {
num++;
}
}
check_All.checked = i_tem.length == num ? true : false;
}
}
var form = document.getElementsByTagName('form')[0];
var del = document.getElementById('del');
var label = document.getElementsByTagName('label');
del.onclick = function(){
for (var i = i_tem.length-1; i >-1 ; i--) {
if(i_tem[i].checked){
form.removeChild(label[i]);
}
}
}
}
</script>
</body>
</html>
追问
可以解读一下 这句代码for (var i = i_tem.length-1; i >-1 ; i--)的意思吗？
追答
从后往前遍历数组，i从最大以此减小到0；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你已经实现了全选和全不选效果，不明白你的问题是什么？
更多追问追答
追问
想删除选中的内容
追答
是这个样子么？选中足球，删除后是
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
