2013年6月22日 星期六

[javascript]在JS中 取得radio的值

要分成兩種情況

一種是只有一個選項的時候
另外一種是兩個選項以上的時候
不過作在一起就不用擔心了~
這是js的部份
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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的部份
1
2
3
4
5
6
<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>
(引用自hsin)

沒有留言:

張貼留言