帶單選按鈕功能的按鈕

Question

我想知道是否可以製作按鈕，功能類似於HTML單選按鈕。我試圖創建一個表單，用戶單擊所述按鈕並選擇一個值，但用戶不會被指示直到選擇另一個選項並提交表單。有人知道如何去做這件事嗎？

（我不介意使用其它語言包括JavaScript等）

Answer 1

jQueryUI has a Button Widget是單選按鈕或複選框轉換爲按鈕。從網站

例子：

http://jqueryui.com/demos/button/#radio

<script> 
$(function() { 
    $("#radio").buttonset(); 
}); 
</script> 

<div class="demo"> 
    <form> 
     <div id="radio"> 
      <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label> 
      <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label> 
      <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label> 
     </div> 
    </form> 
</div>

您可以訪問鏈接，看到它在行動。

Answer 2

首先，在您正在討論的頁面上，聽起來好像用戶被帶到其他地方 - 即採取類似提交的動作 - 僅僅通過他選擇單選按鈕。我不相信這是最好的做法。第二，你應該保留兩個單選按鈕：它們工作得很好，一旦選中，單選按鈕不能被清除，除非選擇另一個按鈕。這正是你想要的。

爲確保您所需的兩個按鈕已被選中，請爲每個按鈕設置一個設置開關的onclick處理程序：選擇此組中的某個按鈕。

然後，當他點擊提交時，檢查這兩個開關，並告訴他他是否忘記點擊一個按鈕。

是的，你需要JavaScript才能做到這一切。