带单选按钮功能的按钮

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才能做到这一切。