Javascript 具有单选按钮功能的按钮

Javascript 具有单选按钮功能的按钮,javascript,html,forms,radio-button,Javascript,Html,Forms,Radio Button,我想知道你是否可以做一个按钮,像一个HTML单选按钮的功能。我试图创建一个表单,用户点击所说的按钮并选择一个值,但是用户在选择另一个选项并提交表单之前不会被引导。有人知道怎么做吗 (我不介意使用其他语言,包括javascript等)将单选按钮或复选框转换为按钮 网站示例: $(函数(){ $(“#收音机”).buttonset(); }); 选择1 选择2 选择3 您可以访问该链接以查看它的运行情况。首先,在您所谈论的页面上,听起来好像用户只是通过选择一个单选按钮,在其他地方执行了类似提交

我想知道你是否可以做一个按钮,像一个HTML单选按钮的功能。我试图创建一个表单,用户点击所说的按钮并选择一个值,但是用户在选择另一个选项并提交表单之前不会被引导。有人知道怎么做吗

(我不介意使用其他语言,包括javascript等)

将单选按钮或复选框转换为按钮

网站示例:


$(函数(){
$(“#收音机”).buttonset();
});
选择1
选择2
选择3

您可以访问该链接以查看它的运行情况。

首先,在您所谈论的页面上,听起来好像用户只是通过选择一个单选按钮,在其他地方执行了类似提交的操作。我不认为这是最好的做法

其次,你应该保留这两个单选按钮:它们工作得很好,一旦选中,一个单选按钮就不能被清除,除非选择另一个按钮。这正是你想要的

为确保所需的两个按钮已被选中,请为每个按钮提供一个onclick处理程序,该处理程序设置一个开关:此组中的某个按钮已被选中

然后,当他单击submit时,检查这两个开关并告诉他是否忘记单击按钮


是的,您需要JavaScript来完成所有这些

你能详细说明一下吗?你的问题还不完全清楚。基本上就是那个家伙在下面发布的功能。
<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>