Javascript擷取選中的radio值程式碼

來源:互聯網
上載者:User

js擷取radio值

 代碼如下 複製代碼

<script language="javascript">
function validateadd()
{
    var New=document.getElementsByName("BMfw_id");
   var strNew;
   for(var i=0;i<New.length;i++)
   {
     if(New.item(i).checked){
         strNew=New.item(i).getAttribute("value"); 
   break;
  }else{
  continue;
  }
   }
   if(strNew=="否")
   {
     alert("OK!");
     return false;
   }   

}
</script>

jquery擷取radio 值更簡單

jquery擷取radio 值更簡單

要想擷取某個radio的值有以下的幾種方法,直接給出代碼:

$('input[name="testradio"]:checked').val();
 

$('input:radio:checked').val();
 

$('input[@name="testradio"][checked]');
 

$('input[name="testradio"]').filter(':checked');


 代碼如下 複製代碼

<html>
<head>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script
 type="text/javascript">
$(function(){
 $('#go').click(function(){
  var radio = $('input[name="testradio"]').filter(':checked');
  if(radio.length)
  alert(radio.val());
  else
  alert('請選擇一個radio');
  
 });
 $('#go2').click(function(){
  $('input[name="testradio"]').each(function(){
   alert(this.value);
  });
 })
 $('#go3').click(function(){
  alert($('input[name="testradio"]:eq(1)').val());
 })
})
</script>

</head>

<body>
<input type="radio" name="testradio" value="jquery擷取radio的值"
/>jquery擷取radio的值<br /> <input type="radio" name="testradio"
 value="jquery擷取checkbox的值" />jquery擷取checkbox的值<br />
<input type="radio" name="testradio" value="jquery擷取select的值"
/>jquery擷取select的值<br />
<button id="go">選中的那個radio的值</button>
<button id="go2">遍曆所有radio的值</button>
<button id="go3">取第二個radio的值</button>
</body>
</html>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.