Question

我想有两个选择：是和否。我希望用户必须选择一个，所以很明显我会选择一个单选按钮但有一种方法我可以设置它，以便用户只需点击是或否而不是单选按钮，以便选择他们的选择？在此先感谢您的任何帮助

Answer 1

我会继续使用@sal niro选项，但如果您有其他收音机计划（我不确定，因为您的问题需要更多的探索）这是一个使用jQuery通过简单的div点击触发无线电输入类型的示例。

＆＃13;

$(function() {
    $("#yes").click(function(e) {
        $("#rYes").click();
    });
    
    $("#no").click(function(e) {
        $("#rNo").click();
    });
});

＆＃13;

#yes, #no {
    display: inline;
    cursor: pointer;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="yes">Yes</div> | <div id="no">No</div> <br />
Yes result:<input type="radio" name="test" id="rYes" />  <br />
No Result: <input type="radio" name="test" id="rNo" />

＆＃13;

jsFiddle Example

Answer 2

是的，如果你使用<label>，那么这会将标签文本与输入字段相关联。

您可以使用for属性或在输入字段周围包装标签。

请参阅此相关问题 - Should I put input tags inside a label tag?

Answer 3

我相信你会问如何制作带有是和否的单选按钮。如果是这样，请执行以下操作：

<form action="">
<input type="radio" name="buttona" value="yes">Yes<br>
<input type="radio" name="buttonb" value="no">No
</form>

以下是每句话的作用：

<强> input type="radio" 基本上声明您希望用户与之交互的表单类型是2个单选按钮

** name="buttona" **基本上说明了它所属的单选按钮组，因此如果只点击一个按钮，则其余按钮将被取消选择。

Yes 这就是按钮旁边显示的内容。

希望这会有所帮助。

Answer 4

您也可以选择这样的解决方案，它需要一些Javascript：fiddle

<button value="yes">Yes</button>
<button value="no">No</button>

JS

var buttons = document.getElementsByTagName('button');
for (i = 0; i < buttons.length; i++) {
    buttons[i].addEventListener('click', function () {
        alert(this.value);
    }, false)
    }

单词一个单选按钮？

4 个答案: