[宅] javascript 筆記(1) - 關於input標籤

一般來說，要取得<input>標籤內的輸入值，幾乎都可以透過jquery所提供的.val()來取得，其中select以及text類別的內容取得都還算容易，只要丟入id即可，但在type=radio的情形下就稍微比較特殊，要透過以下的方式來取得。
舉例來說：

<input name="StationName" type="radio" id="lbf_0" value="0" />

<input name="StationName" type="radio" id="lbf_1008" value="1008" />

<input name="StationName" type="radio" id="lbf_1011" value="1011" />

<input name="StationName" type="radio" id="lbf_1015" value="1015" />

<input name="StationName" type="radio" id="lbf_1017" value="1017" />

<input name="StationName" type="radio" id="lbf_1025" value="1025" />

<input name="StationName" type="radio" id="lbf_1319" value="1319" />

<input name="StationName" type="radio" id="lbf_1120" value="1120" />

因為每個選項都有自己的id，所以在selector的設定上就要費點心思，在這個情形下我們能用以下方式解決：

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

這邊要注意的是，如果在selector中沒有加上"checked"這個條件，val()回傳的會是他所找到的第一個選項的value，而不是真正被check的選項。