javascript全选的问题

黄兴旺

本帖最后由曾林魁于 2013-9-15 18:41 编辑

为什么代码这样写点击全不选按钮达不到效果没用

<!DOCTYPE html>
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gb312">
<style type=text/css>
td{
border:1px;
border-style:solid;
border-color:#000000;
}
</style>
</head>
<body>
<form action="1.html" id="form1">
<table>
<tr>
<td><input type='text' value='zenglinkui'/></td>
<td><input type='button' value='确认'/></td>
</tr>
<tr>
<td>爱好：</td>
<td><input type="checkbox" name="preference" value="sing" />唱歌
<input type="checkbox" name="preference" value="dance" />跳舞
<input type="checkbox" name="preference" value="read" />读书
</td>
</tr>
<tr>
<td colspan='2'>
<input type='button' value='全选' onclick="allCheck()"/>
<input type='button' value='全不选' onclick="allUnCheck()"/>
</td>
</tr>
</table>
</form>
</body>
<script type="text/javascript">
//window.onload = function(){ //}
function allCheck(){
var inputElement = document.getElementsByName("preference");
for(i=0;i<inputElement.length;i++){
inputElement[i].setAttribute("checked","checked");
}
}
function allUnCheck(){
var inputElement1 = document.getElementsByName("preference");
for(i=0;i<inputElement1.length;i++){
alert(inputElement1.length);
//alert("sdfjl");
if (inputElement[i].checked) {
inputElement1[i].checked = null;
//inputElement1[i].removeAttribute('checked');
}
// }else{
// inputElement[i].setAttribute("checked","checked");
// }
}
}
</script>
</html>

复制代码

麦子609 · 麦子609

使用inputElement[i].checked = true试试

Bad_Boy · Bad_Boy

function allCheck(){
var inputElementss = document.getElementsByName("preference");
for(i=0;i<inputElementss.length;i++){
inputElementss[i].checked = true;
}
}
function allUnCheck(){
var inputElement1 = document.getElementsByName("preference");
for(i=0;i<inputElement1.length;i++){
inputElement1[i].checked = false;
}
}

复制代码

帐号		自动登录	找回密码
密码			加入黑马

javascript全选的问题

评分

2 个回复