2012年8月6日 星期一

[宅] 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的選項。