jquery text,radio,checkbox,select操作實(shí)現(xiàn)代碼
更新時間：2009年07月09日 00:37:33 作者：
學(xué)習(xí)jquery的朋友看參考下，對form等文本框的一些控制實(shí)現(xiàn)代碼。
控制表單元素：
文本框,文本區(qū)域：
$("#txt").attr("value")或者$("#txt").val()//獲取值
$("#txt").attr("value",'');//清空內(nèi)容
$("#txt").attr("value",'11');//填充內(nèi)容
多選框checkbox：
$("#checkbox_id").attr("value")或者$("#checkbox_id").val();//獲取值
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')) //判斷是否已經(jīng)打勾
單選組radio：
$("input[type=radio][checked]").val();//獲取值
$("input[name=tt]").attr("checked",'value2');//設(shè)置value='value2'的項(xiàng)目為當(dāng)前選中項(xiàng)
$("input[name=items]").get(1).checked = true;//第二個元素為當(dāng)前選中值
下拉框select：
$("select[name=topSearch] option[selected]").val();//獲取值
$("select[name=topSearch] option[selected]").text();//獲取顯示內(nèi)容
$("#sel").attr("value",'sel3');//設(shè)置value='sel3'的項(xiàng)目為當(dāng)前選中項(xiàng)
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
$('#select_id')[0].selectedIndex = 1;//下拉框的第二個元素為當(dāng)前選中值
文本框,文本區(qū)域：
$("#txt").attr("value")或者$("#txt").val()//獲取值
$("#txt").attr("value",'');//清空內(nèi)容
$("#txt").attr("value",'11');//填充內(nèi)容
多選框checkbox：
$("#checkbox_id").attr("value")或者$("#checkbox_id").val();//獲取值
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')) //判斷是否已經(jīng)打勾
單選組radio：
$("input[type=radio][checked]").val();//獲取值
$("input[name=tt]").attr("checked",'value2');//設(shè)置value='value2'的項(xiàng)目為當(dāng)前選中項(xiàng)
$("input[name=items]").get(1).checked = true;//第二個元素為當(dāng)前選中值
下拉框select：
$("select[name=topSearch] option[selected]").val();//獲取值
$("select[name=topSearch] option[selected]").text();//獲取顯示內(nèi)容
$("#sel").attr("value",'sel3');//設(shè)置value='sel3'的項(xiàng)目為當(dāng)前選中項(xiàng)
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
$('#select_id')[0].selectedIndex = 1;//下拉框的第二個元素為當(dāng)前選中值
相關(guān)文章
這篇文章主要介紹了詳解jQuery中ajax.load()方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-01-01
最近在做項(xiàng)目的時候使用了Jquery~新手學(xué)習(xí)jquery.~遇到了一些"奇怪"的問題(各位大神別拍磚).感謝ClassYuan老大的支持2010-08-08
jQuery對JSON數(shù)據(jù)進(jìn)行排序輸出的方法
這篇文章主要介紹了jQuery對JSON數(shù)據(jù)進(jìn)行排序輸出的方法,涉及jQuery中g(shù)etJSON與sort等方法的使用技巧,需要的朋友可以參考下2015-06-06
jquery append 動態(tài)添加的元素事件on 不起作用的解決方案
這篇文章主要介紹了jquery append 動態(tài)添加的元素事件on 不起作用的解決方案,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了JS與jQuery實(shí)現(xiàn)隔行變色的方法,結(jié)合實(shí)例形式對比分析了javascript與jQuery實(shí)現(xiàn)隔行變色的具體操作步驟與相關(guān)技巧,體驗(yàn)一下jQuery的華麗與簡潔,需要的朋友可以參考下2016-09-09
今天給大家分享一款基于jQuery淘寶產(chǎn)品圖片放大鏡代碼，這是一款基于jquery.imagezoom插件實(shí)現(xiàn)的jQuery放大鏡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-09-09
首先要知道DOM的兩級模式：DOM0級和DOM2級 在DOM0級事件處理程序是通過把函數(shù)實(shí)例的引用指派到DOM元素的屬性而聲明的。2010-02-02
jquery實(shí)現(xiàn)百分比記分進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)百分比記分進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
對博客系統(tǒng)已經(jīng)做到了博客評論模塊部分了，對單篇博文進(jìn)行靜態(tài)化的同時對博文的評論部分采取AJAX的方式去讀取。2009-11-11
翻譯整理的jQuery使用查詢手冊...2007-03-03