Javascript 单击后禁用单选按钮
我需要一些帮助 这是htmlJavascript 单击后禁用单选按钮,javascript,jquery,radio,Javascript,Jquery,Radio,我需要一些帮助 这是html <div> <p>match1</p> teamA <input type="radio" name="match1" onclick="update('ab');" /> teamB <input type="radio" name="match1" onclick="update('ba');" /> <p>match2</p> teamC <input type="rad
<div>
<p>match1</p>
teamA <input type="radio" name="match1" onclick="update('ab');" />
teamB <input type="radio" name="match1" onclick="update('ba');" />
<p>match2</p>
teamC <input type="radio" name="match1" onclick="update('ad');" />
teamD <input type="radio" name="match1" onclick="update('dc');" />
</div>
<script>
update(results){.................}
</script>
匹配1
teamA
团队B
匹配2
teamC
团队
更新(结果){………..}
我有这个html,所以我想知道的是用户单击单选按钮后,如何禁用该按钮
因为当用户单击单选按钮时,update()函数会更改值
如果他一直这样点击,那么每次点击时值都会改变
或者如果他点击兄弟单选按钮
那么,谁能告诉我如何禁用单选按钮
一旦用户点击它
比如在match1中
如果用户选择teamA单选按钮,则我希望禁用teamA和teamB单选按钮
如果match2单击,则相同,然后禁用clciked无线电和同级无线电
感谢阅读此文,有人能帮我吗
我可以使用纯js、jquery或库试试以下方法:
this.setAttribute('disabled','disabled');
我建议您在输入周围添加标签
标签。当用户单击文本单选按钮时会导致更改
<label>teamA <input type="radio" name="match1" onclick="update('ab');" /></label>
teamA
使用以下方法:
$(":radio").click(function(){
var radioName = $(this).attr("name"); //Get radio name
$(":radio[name='"+radioName+"']").attr("disabled", true); //Disable all with the same name
});
我们正在做的是,当用户单击单选按钮时,禁用所有同名收音机
希望这有帮助。
干杯。jshiddle示例
代码
这是一般的做法
jQuery("input:radio").attr('disabled',true);
或
使用Javascript,您可以使用如下解决方案:
document.getElementById("IDOfButtonElement").onclick = function(){
document.getElementById("IDOfButtonElement").disabled=true;
}
@用户,删除内联单击事件,代码将变得更干净请参见此示例我让它工作了感谢every花费时间回答我的问题爱你再次感谢我将代码放在哪里我已经有一个onclick函数更新(结果)您可以将其包含在onclick中,但不推荐使用内联javascript。如果你正在写一个大项目,不要这样做:)@user,检查我的fiddle示例获取name属性并进行另一个选择是多余的,不是吗?为什么不
$(this).attr(“disabled”,true)代码>?(或.attr(“disabled”,“disabled”)
)@nnn,这不是多余的,因为第二个选择器将返回许多对象(无线电名称不是唯一的)@Edgar-你说得对,对不起,我没有注意到要禁用整组无线电。不,不起作用,它只禁用当前无线电,正如userXX所问的,不相关的收音机。没问题——这更重要的是禁用单击的收音机,不确定您是在查找单个收音机还是整个集合,否则我同意其他人的做法:使用“收音机”选择器
jQuery("input:radio").attr('disabled','disabled');
document.getElementById("IDOfButtonElement").onclick = function(){
document.getElementById("IDOfButtonElement").disabled=true;
}
onclick="update('ad', this);"
function onclick(word, element){
$(element).attr('disabled', 'disabled');
}