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

-1

我有一个表单，我有两组单选按钮，名称是不同的但值是共享的，所以我需要从第一组中选择一个无线电，一旦选择了第二组的无线电并且相同的值不能选中，我。即它被禁用...如何避免选择具有相同值的2个单选按钮？

<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>

来源

2017-08-17 Andrés Chandía

你使用jQuery，或只是简单的JavaScript？ –

我可以使用jQuery吗？ – Tibin

@Tibin：是的，你可以使用任何你认为它会做到的，谢谢！ –

进口的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>

来源

2017-08-17 19:04:10 Tibin

是的，这是一个神奇的，非常感谢！ –

@AndrésChandía更新，开始学习jQuery – Tibin

是的，还有很多我想学的东西！ –

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

回答

相关问题