html 如何在不同name的两组radio中只能选择一组radio中的一个,javascript应该如何写

<html><body><inputtype="radio"name="a">a<inputtype="radio"name="a">b<inputtype="radio... <html>
<body>
<input type="radio" name="a">a
<input type="radio" name="a">b
<input type="radio" name="b">c
<input type="radio" name="b">d
</body>
</html>

a b c d 只能选择一项.
展开
 我来答
w3260300
2016-07-11 · TA获得超过2653个赞
知道大有可为答主
回答量:2202
采纳率:67%
帮助的人:483万
展开全部

html如下:

<div class="form">
    <input type="radio" name="a" checked>a 
    <input type="radio" name="a">b
    <input type="radio" name="b">c
    <input type="radio" name="b">d
</div>
checked是为了测试,你可以去掉!

jQuery如下:

$(document).ready(function(){
    $(".form" ).find("input" ).click(function(){
        $(this ).siblings().removeAttr("checked");
    });
});

 

原理如下:

其实点击单选按钮,就是给当前被点击按钮加入了:checked属性,所以利用jQuery移除其它没被点击input的checked属性就行了

attr:添加属性

removeAttr:移除属性

兄弟连教育
2016-07-11 · 百度知道合伙人官方认证企业
兄弟连教育
兄弟连教育成立于2006年,11年来专注IT职业教育,是国内专业的IT技术培训学校。2016年成功挂牌新三板(股票代码:839467)市值过亿。开设专注程序员培训专注php、Java、UI、云计算、Python、HTML5、
向TA提问
展开全部
radio是单选按钮
<input tpe="radio" value="1" name="name1" />
你只要确认它的name相同,value值不同就可以实现始终只选一个radio了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
寻天凌寒
2016-07-11 · 思以言存达之以文,分享我所见所闻所思所虑
寻天凌寒
采纳数:324 获赞数:1051

向TA提问 私信TA
展开全部
name取一样的值
你本来就要做到只取一个 有必要分成2组吗?
追问
必须要分成两组,要是name一样的话我就不问了
追答
<html>
<body>

<form>
<input type="radio" name="a" onclick="c()">a
<input type="radio" name="a" onclick="c()">b
<input type="radio" name="b" onclick="fg()">c
<input type="radio" name="b" onclick="fg()">d
</form>

<p>The name of the radio button is: 
<script type="text/javascript">
var x=document.getElementsByName("a");
var y=document.getElementsByName("b");
x[0].checked=false;
x[1].checked=false;
function c(){
if(x[0].checked||x[1].checked){
y[0].disabled=true;
y[1].disabled=true;}
};
function fg(){
if(y[0].checked||y[1].checked){
x[0].disabled=true;
x[1].disabled=true;}
}
</script></p>

</body>
</html>

 哦 加分吧 手打这么多代码= =

你把 disabled=true换成checked=false 也可以的

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式