一个table里面有3个checkbox，怎么选中其中任何一个的同时，其它两个都不可再被选中？
<tableid="table1"><tr><td>1</td><td><inputtype="checkbox"id="chk1"/></td></tr><tr><td...
<table id="table1">
<tr>
<td>
1
</td>
<td>
<input type="checkbox" id="chk1" />
</td>
</tr>
<tr>
<td>
2
</td>
<td>
<input type="checkbox" id="chk2" />
</td>
</tr>
<tr>
<td>
3
</td>
<td>
<input type="checkbox" id="chk3" />
</td>
</tr>
</table> 展开
<tr>
<td>
1
</td>
<td>
<input type="checkbox" id="chk1" />
</td>
</tr>
<tr>
<td>
2
</td>
<td>
<input type="checkbox" id="chk2" />
</td>
</tr>
<tr>
<td>
3
</td>
<td>
<input type="checkbox" id="chk3" />
</td>
</tr>
</table> 展开
4个回答
展开全部
使用js脚本嘛！
<!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=gb2312" />
<title>无标题文档</title>
</head>
<script>
function f1(){
if(chk1.checked==true){
chk2.checked = true;
chk3.checked = true;
}else{
chk2.checked = false;
chk3.checked = false;
}
}
</script>
<body>
<table id="table1">
<tr>
<td>
1
</td>
<td>
<input type="checkbox" id="chk1" onclick="f1()" />
</td>
</tr>
<tr>
<td>
2
</td>
<td>
<input type="checkbox" id="chk2" />
</td>
</tr>
<tr>
<td>
3
</td>
<td>
<input type="checkbox" id="chk3" />
</td>
</tr>
</table>
</body>
</html>
<!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=gb2312" />
<title>无标题文档</title>
</head>
<script>
function f1(){
if(chk1.checked==true){
chk2.checked = true;
chk3.checked = true;
}else{
chk2.checked = false;
chk3.checked = false;
}
}
</script>
<body>
<table id="table1">
<tr>
<td>
1
</td>
<td>
<input type="checkbox" id="chk1" onclick="f1()" />
</td>
</tr>
<tr>
<td>
2
</td>
<td>
<input type="checkbox" id="chk2" />
</td>
</tr>
<tr>
<td>
3
</td>
<td>
<input type="checkbox" id="chk3" />
</td>
</tr>
</table>
</body>
</html>
追问
如果10个checkbox呢？能不能用循环写？
追答
我还真没那样写过！没写出来
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用 radio 啊，哥哥，你如果想要那种方框的效果，可以用css定义。当然用js可以控制复选框的值
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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=gb2312" />
<title>无标题文档</title>
</head>
<script>
function show(){
if(chk1.checked==true)
{
chk2.checked = false;
chk3.checked = false;
}
if(chk2.checked==true)
{
chk1.checked = false;
chk3.checked = false;
}
if(chk3.checked==true)
{
chk1.checked = false;
chk2.checked = false;
}
}
</script>
<body>
<table id="table1">
<tr>
<td>
1
</td>
<td>
<input type="checkbox" id="chk1" onclick="show()" />
</td>
</tr>
<tr>
<td>
2
</td>
<td>
<input type="checkbox" id="chk2" onclick="show()"/>
</td>
</tr>
<tr>
<td>
3
</td>
<td>
<input type="checkbox" id="chk3" onclick="show()"/>
</td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script>
function show(){
if(chk1.checked==true)
{
chk2.checked = false;
chk3.checked = false;
}
if(chk2.checked==true)
{
chk1.checked = false;
chk3.checked = false;
}
if(chk3.checked==true)
{
chk1.checked = false;
chk2.checked = false;
}
}
</script>
<body>
<table id="table1">
<tr>
<td>
1
</td>
<td>
<input type="checkbox" id="chk1" onclick="show()" />
</td>
</tr>
<tr>
<td>
2
</td>
<td>
<input type="checkbox" id="chk2" onclick="show()"/>
</td>
</tr>
<tr>
<td>
3
</td>
<td>
<input type="checkbox" id="chk3" onclick="show()"/>
</td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
为什么不用RadioButton控件呢，这个控件比checkbox好用啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
