讓單詞成爲一個單選按鈕？

Question

我想有兩個選擇：是和否。我希望用戶必須選擇一個，所以顯然我會用單選按鈕去，但是有一種方法可以設置它，以便用戶可以單擊yes或no而不是單選按鈕來選擇他們的選擇？ 在此先感謝您的幫助

Answer 1

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

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" **基本上sta測試它屬於哪一組單選按鈕，這樣如果只有一個按鈕被點擊，其餘的都將被取消選中。

Yes這就是您按鈕旁邊出現的內容。

希望這有助於。

Answer 4

我會去上@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