如何避免選擇具有相同值的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個單選按鈕？

回答

相關問題