3个checbox选择一个之后其余两个都不可选

langkun611 2010-11-20 04:49:23

...全文

410 48 打赏收藏转发到动态举报

写回复

用AI写文章

48 条回复

切换为时间正序

请发表友善的回复…

发表回复

超级小猪拱白菜 2010-11-22

打赏
举报

[Quote=引用 18 楼 young_ak 的回复:]
引用 9 楼 kkbac 的回复:
3个checbox选择一个之后其余两个都不可选

??? 如果选错了,要改怎么办?

我也在想这个问题。。
[/Quote]

再次点击为不选中状态，设其他俩个都为可用不就好了。。。

Mandys 2010-11-22

打赏
举报

[Quote=引用 3 楼 langkun611 的回复:]

客户就是喜欢看方的。...不喜欢看圆的！
[/Quote]

..!

YZX3288 2010-11-22

打赏
举报

用radiobutton不是正好嗎？

mac1106 2010-11-22

打赏
举报

checkboxlist.....可以实现

langkun611 2010-11-22

打赏
举报

[Quote=引用 38 楼 chen_ya_ping 的回复:]

JScript code

<script src="../JS/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("input[type='checkbox']").click(function() {
……
[/Quote]
如果有20 个呢？后台表单回发怎么处理？嘻嘻没用过表单的..

zyd_fyl 2010-11-22

打赏
举报

[Quote=引用 1 楼 zx75991 的回复:]
用radiobutton不是正好？
[/Quote]
+1

GlennZhou 2010-11-22

打赏
举报

我建议先在页面画一个小方框，然后里面放单选按钮，这样既有单选的功能，又有“方”的效果，代码量只用增加23.8%就可以了

chen_ya_ping 2010-11-22

打赏
举报



<script src="../JS/jquery-1.4.2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function() {

$("input[type='checkbox']").click(function() {

                if ($(this).is(":checked")) {

                    $(this).siblings().attr("disabled", "disabled");

                }

                else {

                    $(this).siblings().removeAttr("disabled");

                }

            });

        });

    </script>



 <div>

    <input type=checkbox value=1  />

    <input type=checkbox value=2 />

    <input type=checkbox value=3 />

    </div>

love2baobeini 2010-11-22

打赏
举报

用radiobutton啊。或者放在不是同一组内

unicornyl 2010-11-22

打赏
举报

选择checkbox后，其他两个enable为false
radiobutton实现不了的吧

jauntyhand 2010-11-22

打赏
举报

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!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 runat="server">
<title>无标题页</title>
<script language ="javascript" >
function test()
{
var ch1 = document .getElementById ("Checkbox1");
var ch2 = document .getElementById ("Checkbox2");
var ch3 = document .getElementById ("Checkbox3");

var chs = document.getElementsByName ("check");
for(var i = 0; i<chs.length ; i++)
{
chs[i].checked = false ;
if(chs[i] == event.srcElement)
{
chs[i].checked = true ;
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input name ="check" id="Checkbox1" type="checkbox" onclick="test();" />111
<input name ="check" id="Checkbox2" type="checkbox" onclick="test();" />222
<input name ="check" id="Checkbox3" type="checkbox" onclick="test();" />333
</div>
</form>
</body>
</html>

老鼠找猫 2010-11-22

打赏
举报

给她们放在一个组就OK了

langkun611 2010-11-21

打赏
举报

[Quote=引用 23 楼 kkbac 的回复:]

引用 13 楼 lz00728 的回复:

引用 10 楼 kkbac 的回复:
是不是3个checkbox只允许选一个?

js判断. 当前的 checkbox.checked = true;其他都设置成false;

大哥，这个JS怎么写，小弟不懂JS，望能提供代码，灰常感谢！！~~

上面的 huangwenquan123 已经给出了jq的答案,

如果不用j……
[/Quote]
那如果多个呢？

langkun611 2010-11-21

打赏
举报

[Quote=引用 34 楼 kkbac 的回复:]

引用 3 楼 langkun611 的回复:

客户就是喜欢看方的。...不喜欢看圆的！

每个人的审美观念不同啊.

这个客户的公司的员工应该都是方脸的吧.
[/Quote]

你怎么知道的？

kkbac 2010-11-21

打赏
举报

[Quote=引用 3 楼 langkun611 的回复:]

客户就是喜欢看方的。...不喜欢看圆的！
[/Quote]

每个人的审美观念不同啊.

这个客户的公司的员工应该都是方脸的吧.

光脚丫思考 2010-11-21

打赏
举报

[Quote=引用 8 楼 lcp147572931 的回复:]
引用 5 楼 zx75991 的回复:
引用 3 楼 langkun611 的回复:
客户就是喜欢看方的。...不喜欢看圆的！

你跟他说这是微软设置就是用园的，如果用方的代码量增加30%，加钱哈。

哈哈这哥们真会谈业务
[/Quote]

呵呵，两位的观点，我都赞成！

脾气不坏 2010-11-21

打赏
举报

既然单选 type="radio"不是很好吗干吗非要用Checkbox

一一一一 2010-11-21

打赏
举报

[Quote=引用 3 楼 langkun611 的回复:]
客户就是喜欢看方的。...不喜欢看圆的！
[/Quote]
倒

langkun611 2010-11-21

打赏
举报

[Quote=引用 29 楼 pittroll 的回复:]

引用 27 楼 langkun611 的回复:
引用 24 楼 happy664618843 的回复:

if(event.srcElement.firstChild.checked){
//则其它的checkbox 禁用
}

wrong 了怎么办

问题是可以多想办法解决的，你就弄一个按钮的名称叫重新选择，然后再对这个按钮写个脚本。那样对用户来说就很方便了。
[/Quote]
恩.. 应该可行...!

PitTroll 2010-11-21

打赏
举报

[Quote=引用 27 楼 langkun611 的回复:]
引用 24 楼 happy664618843 的回复:

if(event.srcElement.firstChild.checked){
//则其它的checkbox 禁用
}

wrong 了怎么办
[/Quote]
问题是可以多想办法解决的，你就弄一个按钮的名称叫重新选择，然后再对这个按钮写个脚本。那样对用户来说就很方便了。