javascript 取得radio的值

2008-12-21

要分成兩種情況

一種是只有一個選項的時候
另外一種是兩個選項以上的時候
不過作在一起就不用擔心了~
這是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&#91;i&#93;.checked)
      {
        alert(form_name.two&#91;i&#93;.value);
        break;
      }
    }
  }
}
&#91;/code&#93;<br /><br />
這是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

發表迴響

彙整

分類