Jquery給基本控制元件的取值、賦值

Jquery給基本控制元件的取值、賦值

 

轉帖與： http://www.cnblogs.com/hyd309/archive/2010/01/26/1656513.html

 

 

TEXTBOX:
var str = $('#txt').val();

$('#txt').val("Set Lbl Value");

1. //文字框，文字區域：
2. $("#text_id").attr("value",'');//清空內容
3. $("#text_id").attr("value",'test');//填充內容

LABLE: 

var str = $('#lbl').text();

$('#lbl').text("Set Lbl Value");

1. /*獲取單選按鈕的值*/
2.    varvalradio = $("input[type=radio]:checked").val();
3. /*獲取一組名為(items)的radio被選中項的值*/
4.    varitem = $('input[name=items]:checked').val();
5. /*獲取核取方塊的值*/
6. varcheckboxval = $("#checkbox_id").attr("value")；
7. /*獲取下拉選單的值*/
8.    varselectval = $('#select_id').val();

1. //多選框checkbox：
2. $("#chk_id").attr("checked",'');//使其未勾選
3. $("#chk_id").attr("checked",true);//勾選
4. if($("#chk_id").attr('checked')==true)//判斷是否已經選中

1. 單選組radio：
3. $("input[type=radio]").attr("checked",'2');//設定value=2的專案為當前選中項
5. //下拉框select：
6. $("#select_id").attr("value",'test');//設定value=test的專案為當前選中項
7. $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//新增下拉框的option
8. $("#select_id").empty()；//清空下拉框
10. 獲取一組名為(items)的radio被選中項的值
11. var item = $('input[name=items]:checked').val();//若未被選中 則val() = undefined
12. 獲取select被選中項的文字
13. var item = $("select[name=items] option:selected").text();
14. select下拉框的第二個元素為當前選中值
15. $('#select_id')[0].selectedIndex = 1;
16. radio單選組的第二個元素為當前選中值
17. $('input[name=items]').get(1).checked = true;
19. //重置表單
20. $("form").each(function(){
21.    .reset();
22. });