![](/img/trans.png)
[英]How to select only one radio button at one time and deselect the others in javascript when the data are comes from database?
[英]How do you prevent ONE radio button in a group from being selected, but allow others to deselect it?
我們有一個帶有單選按鈕組的表單,其中任何一個按鈕都可能已經被選中。 我們希望阻止用戶選擇其中一個單選按鈕,但是我們希望能夠通過單擊任何其他單選按鈕來“取消選擇”該單選按鈕。 像這樣:
步驟1 :(初始頁面加載)
步驟2:用戶點擊R1
'disabled'屬性是否允許這種情況發生?
是的,它會的。
這是一個簡單的示例: http : //jsbin.com/onuci
當然,我並沒有使用任何JavaScript,但我只是想表明可以選中一個禁用的單選按鈕(在示例中為R2),但是當用戶單擊其他兩個按鈕中的任何一個時,它將變為未選中狀態並且無法再次檢查。
我建議為此使用復選框。 如果我不小心激活了“ R1”然后又想去激活它會怎樣?
jQuery可以很容易地做到這一點: http : //jquery.com/
<html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.3.2");
$(document).ready(function () {
$("r1").click(function () {
$("r2").removeAttr("checked");
});
});
</script>
</head>
<body>
<form action="form_action.php" method="get">
<input id="r1" type="radio" name="dog" value="Gus" /> Gus<br />
<input id="r2" type="radio" name="dog" value="Bruce" checked="checked" disabled="disabled" /> Bruce<br />
<input id="r3" type="radio" name="dog" value="Champ" /> Champ<br />
<input type="submit" value="Submit" />
</form>
</body>
</html>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.