Make a word a radio button? - html

Question

I want to have two options: yes and no. I want the user to have to select one so obviously I'd go with a radio button but is there a way I can set it so that the user can just click on yes or no instead of a radio button in order to select their choice?
Thanks in advance for any help

Answer 1

I'd go on #sal niro option, but if you have other plans for the radio(I'm not sure because you'r question require more explnation)
here is an example for using jQuery to trigger a radio input type by a simple div click.
$(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

Answer 2

You could go for a solution like this too, it requires some 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 3

Yes, if you use a <label> then this will associate the label text with the input field.
You can either use the for attribute or wrap the label around the input field.
See this related question - Should I put input tags inside a label tag?

Answer 4

I do quite believe you're asking how to produce a radio button with yes and no.
If so,do this:
<form action="">
<input type="radio" name="buttona" value="yes">Yes<br>
<input type="radio" name="buttonb" value="no">No
</form>
Here is what each sentence does:
input type="radio"
Basically states that the type of form you want the user to interact with are the 2 radio buttons
**name="buttona"**Basically states what group of radio buttons this belongs to,so that if only one button is clicked,the rest are unselected.
Yes This is what you what appears next to the buttons.
Hope this helped.