Question

我的HTML中有6个输入，如下所示：

 <input type="radio" value="1" />
 <input type="radio" value="2" />
 <input type="radio" value="3" />
 <input type="radio" value="4" />
 <input type="radio" value="5" />
 <input type="submit" onClick="myFunction();" value="submit" />

单击提交按钮时，将调用Javascript函数。在这个javascript函数中，我想检查哪个单选按钮被选中，哪些不是。

提前致谢！

Answer 1

的javascript

function myFunction() {
  var x = document.getElementsByTagName("input");
  for(i = 0; i < x.length; i++ ) {
    if(x[i].type = "radio") {
        if(x[i].checked) {
            alert(x[i].value);
        }
    }
  }
}

Answer 2

你可以通过jquery

轻松完成

 function myfunction(){
   $("input[type=radio]:checked").each(function(){

  //do something here


   });
    }

Answer 3

您需要先添加一个类。这将确保您不检查页面中的其他无线电元素。见下文。

<input type="radio" value="1" class='radio'/>
<input type="radio" value="2" class='radio'/>
<input type="radio" value="3" class='radio'/>
<input type="radio" value="4" class='radio'/>
<input type="radio" value="5" class='radio'/>
<input type="submit" onClick="myFunction();" value="submit" />

<!-- javascript- add script tags -->

function myFunction() {

    $('.radio').each(function() {

        if($(this).is(':checked')) { 
            alert("it's checked"); 
        }

    })

}

按值输入目标

3 个答案: