让单词成为一个单选按钮？

  • Z时代
  • 2024-01-10
  • 分类：问答

我想有两个选择：是和否。我希望用户必须选择一个，所以显然我会用单选按钮去，但是有一种方法可以设置它，以便用户可以单击yes或no而不是单选按钮来选择他们的选择？ 在此先感谢您的帮助让单词成为一个单选按钮？

回答：

你可以去这样太的解决方案，它需要一些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) 
    }

回答：

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

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

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

回答：

我很相信你问如何产生一个单选按钮是和否。 如果是这样，这样做：

<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" **基本上sta测试它属于哪一组单选按钮，这样如果只有一个按钮被点击，其余的都将被取消选中。

Yes这就是您按钮旁边出现的内容。

希望这有助于。

回答：

我会去上@sal德尼罗的选择，但如果你有其他计划收音机（我不知道，因为你的问题需要更多的探索） 这里是一个使用jQuery通过简单的div点击触发无线电输入类型的例子。

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

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

<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" />

jsFiddle Example

以上是 让单词成为一个单选按钮？ 的全部内容， 来源链接： utcz.com/qa/261933.html

回到顶部