javascript 取得radio的值

要分成兩種情況

一種是只有一個選項的時候
另外一種是兩個選項以上的時候
不過作在一起就不用擔心了~
這是js的部份

function find_value()
{
  var form_name = document.getElementById('form1');
  //當只有一個選項的時候 可以得到value 也就不會等於undefined了
  if (form_name.two.value != undefined)
  {
    if (form_name.two.checked)
    {
      alert(form_name.two.value);
    }
  }
  else //當有兩個以上的選項時 要用迴圈取得checked的選項
  {
    for (var i=0; i<form_name.two.length; i++)
    {
      if (form_name.two[i].checked)
      {
        alert(form_name.two[i].value);
        break;
      }
    }
  }
}

這是html的部份

<form name="form1" id="form1" >
<input type="radio" name="two" value="a">多個a
<input type="radio" name="two" value="b">多個b
<input type="radio" name="two" value="c">多個c<br />
<input type="button" value="取得radio值" onclick="find_value()">
</form>

這裡可以看範例

都是簡單的應用而已
我還在努力學點厲害的東西XD

本篇發表於 javascript 並標籤為 , 。將永久鏈結加入書籤。

發表迴響

您的電子郵件位址並不會被公開。 必要欄位標記為 *

*

您可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>