簡體   English   中英

如何防止選擇一個組中的一個單選按鈕,但允許其他人取消選擇呢?

[英]How do you prevent ONE radio button in a group from being selected, but allow others to deselect it?

我們有一個帶有單選按鈕組的表單,其中任何一個按鈕都可能已經被選中。 我們希望阻止用戶選擇其中一個單選按鈕,但是我們希望能夠通過單擊任何其他單選按鈕來“取消選擇”該單選按鈕。 像這樣:

步驟1 :(初始頁面加載)

  • R1:啟用且可點擊
  • R2:已禁用,但已選中
  • R3:啟用且可點擊

步驟2:用戶點擊R1

  • R1:啟用並檢查
  • R2:已禁用,未選中
  • R3:啟用且可點擊

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

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM