如何避免选择 2 个具有相同值的单选按钮？答案

【问题标题】：How can one avoid selecting 2 radio buttons with the same value?如何避免选择 2 个具有相同值的单选按钮？
【发布时间】：2018-01-26 04:52:25
【问题描述】：

我有一个表单，其中我有两组单选按钮，名称不同但值是共享的，所以我需要从第一组中选择一个单选，一旦它从第二组中选择了单选并且相同的值不能被选中，我。 e.它被禁用了...

<table>
<tr><th>Origin language</th><th>Target language</th></tr>
<tr><td>
<label><input type="radio" name="lang_or" value="de">German</label>
<label><input type="radio" name="lang_or" value="en">English</label>
<label><input type="radio" name="lang_or" value="ca">Catalan</label>
<label><input type="radio" name="lang_or" value="es">Spanish</label>
<label><input type="radio" name="lang_or" value="fr">French</label>
<label><input type="radio" name="lang_or" value="it">Italian</label>
<label><input type="radio" name="lang_or" value="pt">Portugues</label>
</td><td>
<label><input type="radio" name="lang_tg" value="de">German</label>
<label><input type="radio" name="lang_tg" value="en">English</label>
<label><input type="radio" name="lang_tg" value="ca">Catalan</label>
<label><input type="radio" name="lang_tg" value="es">Spanish</label>
<label><input type="radio" name="lang_tg" value="fr">French</label>
<label><input type="radio" name="lang_tg" value="it">Italian</label>
<label><input type="radio" name="lang_tg" value="pt">Portugues</label>
</td></tr>
</table>

【问题讨论】：

您使用的是 jquery，还是只是普通的 javascript？
我可以使用 jQuery 吗？
@Tibin：是的，你可以使用任何你认为可以做到的东西，谢谢！
@Matt Spinks 我什么都没用，谢谢！

标签： javascript forms radio

【解决方案1】：

导入 jQuery

<head>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
 </head>



  <script>
$( document ).ready(function() {

$('input[name=lang_or]').click(function(){

$('input[name=lang_tg]').prop("disabled",false);
$('input[name=lang_tg][value='+this.value).prop("disabled", "disabled");

});

});
</script>

【讨论】：