js有几种判断单选按钮是否被选中的方法?

JavaScript07

js有几种判断单选按钮是否被选中的方法?,第1张

js有几种判断单选按钮是否被选中的方法。

如下参考:

1,首先,打开HTML编辑器100年,新的HTML文件,如:索引。html输入问题的代码,如下所示。

2、在index.html中的度<script>标签,输入js代码:

if($("input[type='radio']:checked").val()){

$('body').append('被选中');

}else{

$('body').append('未被选中');

3.当浏览器运行指数,html页面,js输出判断结果是否选择电台,如下列图所示。

<div id="radios" class="radios">

<input type="radio" name="r" id="r1" value="1" />单选框1

<input type="radio" name="r" id="r2" value="2" />单选框2

<input type="radio" name="r" id="r3" value="3" />单选框3

</div>

<script>

var oRadios = document.getElementById('radios').getElementsByTagName('input')

for( var i = 0, len = oRadios.lengthi <leni++){

oRadios[i].onclick = function(){

var value = this.value

if( value == 1){ //显示相应的内容

alert('你点了第一个')

} else if( value == 2){

alert('你点了第2个')

} else{

alert('你点了第3个')

}

}

}

</script>