DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery text,radio,checkbox,select操作實現代碼
jquery text,radio,checkbox,select操作實現代碼
編輯:JQuery特效代碼     
控制表單元素:

文本框,文本區域:
$("#txt").attr("value")或者$("#txt").val()//獲取值
$("#txt").attr("value",'');//清空內容
$("#txt").attr("value",'11');//填充內容

多選框checkbox:
$("#checkbox_id").attr("value")或者$("#checkbox_id").val();//獲取值
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')) //判斷是否已經打勾

單選組radio:
$("input[type=radio][checked]").val();//獲取值
$("input[name=tt]").attr("checked",'value2');//設置value='value2'的項目為當前選中項
$("input[name=items]").get(1).checked = true;//第二個元素為當前選中值

下拉框select:
$("select[name=topSearch] option[selected]").val();//獲取值
$("select[name=topSearch] option[selected]").text();//獲取顯示內容
$("#sel").attr("value",'sel3');//設置value='sel3'的項目為當前選中項
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
$('#select_id')[0].selectedIndex = 1;//下拉框的第二個元素為當前選中值
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved