JavaScript检查单选按钮

时间:2012-12-19 17:48:55

标签: javascript if-statement radio-button

好的,这真的是一个简单的问题,但我真的不熟悉JavaScript。

基本上我所有的表格上都有2个单选按钮。

我需要一个基本上说

的JavaScript语句
If radiobutton1 is selected then
document.write ("radiobutton1selected")
else if radiobutton2 is selected then
document.write ("radiobutton2selected")

这里有类似的问题我接受,但它们都比我需要的更先进。

3 个答案:

答案 0 :(得分:6)

单选按钮html:

<input type="radio" name="radionbutton" value="1" id="button1"/>
<input type="radio" name="radionbutton" value="2" id="button"/>

使用Javascript:

var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");

if (button1.checked){
    alert("radio1 selected");
}else if (button2.checked) {
    alert("radio2 selected");
}

答案 1 :(得分:2)

http://jsfiddle.net/Squeegy/KCT8h/

<强> HTML

<input type="radio" name="zing" id="foo" checked/>
<input type="radio" name="zing" id="bar"/>​

<强> JS

if (document.getElementById('foo').checked) {
    alert('foo');
} else {
    alert('bar');
}​

答案 2 :(得分:0)

这很简单:

var button1 = document.getElementById('button1');
var button2 = document.getElementById('button2');
alert(button1.checked?"Button1 is checked":"Button2 is checked");