Question

我想知道你是否可以制作一个按钮，功能就像一个HTML单选按钮。我正在尝试创建一个表单，用户单击该按钮并选择一个值，但在选择另一个选项并提交表单之前，用户不会被指示。有谁知道怎么做这个？

（我不介意使用其他语言，包括javascript等。）

Answer 1

jQueryUI has a Button Widget将单选按钮或复选框转换为按钮。

网站示例：

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

具有单选按钮功能的按钮

2 个答案: