jQuery 學習筆記(二) – Form 欄位應用
學習jQuery，剛開始還不太習慣，語法很像javascript(呵~他本來就算在其中)，但又不能直接拿來當物件用，真是麻煩呀~~，所以使用jQuery，最好基礎打好一點，不然可能會花費很多時間在查文件或TRY TRY 是否可行。
用Javascript ，以前最常就是在驗證欄位，雖然現在用了jQuery搞不好會變成一些傳遞參數還是畫面特效的
不過驗證欄位還是基本必須的啦，所以找到不錯的文章在提到jQuery取form裡的相關欄位的方式為何:
獲取一組radio被選中項的值
var item =
$('input[@name=items][@checked]').val();
獲取select被選中項的文本
var item =
$(“select[@name=items]
option[@selected]”).text();
select下拉框的第二個元素為當前選中值
$('#select_id')[0].selectedIndex
= 1;
radio單選組的第二個元素為當前選中值
$('input[@name=items]').get(1).checked =
true;
獲取值：
文本框，文本區域：$(“#txt”).attr(“value”)；
多選框checkbox：$(“#checkbox_id”).attr(“value”)；
單選組radio：
$(“input[@type=radio][@checked]”).val();
下拉框select： $('#sel').val();
控制表單元素：
文本框，文本區域：$(“#txt”).attr(“value”,'');//清空內容
$(“#txt”).attr(“value”,'11');//填充內容
多選框checkbox： $(“#chk1”).attr(“checked”,'');//不打勾
$(“#chk2”).attr(“checked”,true);//打勾
if($(“#chk1”).attr('checked')==undefined) //判斷是否已經打勾
單選組radio：
$(“input[@type=radio]”).attr(“checked”,'2');//設置value=2的項目為當前選中項
下拉框select：
$(“#sel”).attr(“value”,'-sel3');//設置value=-sel3的項目為當前選中項
$(“<option value='1'>1111</option><option
value='2'>2222</option>”).appendTo(“#sel”)//添加下拉框的option
$(“#sel”).empty()；//清空下拉框
感覺複雜多了，有空再來精簡一下。
參考資料:
http://www.cnblogs.com/xlfj521/archive/2008/01/29/1057375.html
hi~你好
var item = $(‘input[@name=items][@checked]’).val();
var item = $(“select[@name=items] option[@selected]”).text();
上面那二個也可以這樣寫:
var item = $(‘input[@name=items]:checked’).val();
var item = $(“select[@name=items] option:selected”).text();
我在1.2.6版本有用過 [@checked] 這種方式取值,但似乎不行了, 以前是可以這樣取值的
[回應]
Hero 回應:
12 1 月, 2009 at 13:20
您好，謝謝給建議:
不過有點不解
不太懂 是指1.2.6版之後就不行這樣用了嗎?
我目前是1.2.6，測過 是可以這樣用說~^^
[回應]
哈….我發現是我看錯了 XD
真是不好意思
[回應]