jquery text,radio,checkbox,select操作實現(xiàn)代碼
更新時間:2009年07月09日 00:37:33 作者:
學習jquery的朋友看參考下,對form等文本框的一些控制實現(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');//設置value='value2'的項目為當前選中項
$("input[name=items]").get(1).checked = true;//第二個元素為當前選中值
下拉框select:
$("select[name=topSearch] option[selected]").val();//獲取值
$("select[name=topSearch] option[selected]").text();//獲取顯示內(nèi)容
$("#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;//下拉框的第二個元素為當前選中值
文本框,文本區(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');//設置value='value2'的項目為當前選中項
$("input[name=items]").get(1).checked = true;//第二個元素為當前選中值
下拉框select:
$("select[name=topSearch] option[selected]").val();//獲取值
$("select[name=topSearch] option[selected]").text();//獲取顯示內(nèi)容
$("#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;//下拉框的第二個元素為當前選中值
相關(guān)文章
poshytip 基于jquery的 插件 主要用于顯示微博人的圖像和鼠標提示等
分享一個jquery插件-主要用于顯示微博人的圖像和鼠標提示等poshytip2012-10-10基于jquery的彈出提示框始終處于窗口的居中位置(類似于alert彈出框的效果)
之前寫的代碼,都是在當前窗口位于居中,可是一旦窗口縮小或者放大都不是位于居中的位置了,但是一直想寫的一個類似于alert彈出窗口的效果。2011-09-09用jquery中插件dialog實現(xiàn)彈框效果實例代碼
這篇文章介紹了jquery中插件dialog實現(xiàn)彈框效果實例代碼,有需要的朋友可以參考一下2013-11-11Jquery實現(xiàn)列表(隔行換色,全選,鼠標滑過當前行)效果實例
Jquery實現(xiàn)列表(隔行換色,全選,鼠標滑過當前行)效果實例,需要的朋友可以參考一下2013-06-06