Jquery給基本控件的取值、賦值示例
更新時(shí)間:2014年05月23日 10:21:24 作者:
這篇文章主要介紹通過Jquery如何給基本控件的取值、賦值,需要的朋友可以參考下
TEXTBOX:
var str =$("#txt").val();
$("#txt").val(Value);
//文本框,文本區(qū)域:
$("#text_id").attr("value",'');//清空內(nèi)容
$("#text_id").attr("value",'test');//填充內(nèi)容
LABLE:
var str =$("#lbl").text();
$("#lbl").text(Value);
/*獲取單選按鈕的值*/
var valradio =$("input[@type=radio][@checked]").val();
/*獲取一組名為(items)的radio被選中項(xiàng)的值*/
var item =$('input[@name=items][@checked]').val();
/* 獲取復(fù)選框的值*/
var checkboxval =$("#checkbox_id").attr("value");
/* 獲取下拉列表的值*/
var selectval =$('#select_id').val();
//多選框checkbox:
$("#chk_id").attr("checked",'');//使其未勾選
$("#chk_id").attr("checked",true);//勾選
if($("#chk_id").attr('checked')==true)//判斷是否已經(jīng)選中
單選組radio:
$("input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項(xiàng)目為當(dāng)前選中項(xiàng)
//下拉框select:
$("#select_id").attr("value",'test');//設(shè)置value=test的項(xiàng)目為當(dāng)前選中項(xiàng)
$("testtest2").appendTo("#select_id")//添加下拉框的 option
$("#select_id").empty();//清空下拉框
獲取一組名為 (items)的radio被選中項(xiàng)的值
var item =$('input[@name=items][@checked]').val();//若未被選中 則val() = undefined
獲 取select被選中項(xiàng)的文本
var item =$("select[@name=items] option[@selected]").text();
select下拉框的第二個(gè)元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex= 1;
radio單選組的第二個(gè)元素為當(dāng)前選中值
$('input[@name=items]').get(1).checked= true;
//重置表單
$("form").each(function(){
.reset();
});
以下是設(shè)置img的路徑
$("#img1").attr("src","Imges/test.jpg");
var str =$("#txt").val();
$("#txt").val(Value);
//文本框,文本區(qū)域:
$("#text_id").attr("value",'');//清空內(nèi)容
$("#text_id").attr("value",'test');//填充內(nèi)容
LABLE:
var str =$("#lbl").text();
$("#lbl").text(Value);
/*獲取單選按鈕的值*/
var valradio =$("input[@type=radio][@checked]").val();
/*獲取一組名為(items)的radio被選中項(xiàng)的值*/
var item =$('input[@name=items][@checked]').val();
/* 獲取復(fù)選框的值*/
var checkboxval =$("#checkbox_id").attr("value");
/* 獲取下拉列表的值*/
var selectval =$('#select_id').val();
//多選框checkbox:
$("#chk_id").attr("checked",'');//使其未勾選
$("#chk_id").attr("checked",true);//勾選
if($("#chk_id").attr('checked')==true)//判斷是否已經(jīng)選中
單選組radio:
$("input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項(xiàng)目為當(dāng)前選中項(xiàng)
//下拉框select:
$("#select_id").attr("value",'test');//設(shè)置value=test的項(xiàng)目為當(dāng)前選中項(xiàng)
$("testtest2").appendTo("#select_id")//添加下拉框的 option
$("#select_id").empty();//清空下拉框
獲取一組名為 (items)的radio被選中項(xiàng)的值
var item =$('input[@name=items][@checked]').val();//若未被選中 則val() = undefined
獲 取select被選中項(xiàng)的文本
var item =$("select[@name=items] option[@selected]").text();
select下拉框的第二個(gè)元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex= 1;
radio單選組的第二個(gè)元素為當(dāng)前選中值
$('input[@name=items]').get(1).checked= true;
//重置表單
$("form").each(function(){
.reset();
});
以下是設(shè)置img的路徑
$("#img1").attr("src","Imges/test.jpg");
相關(guān)文章
jQuery復(fù)合事件結(jié)合toggle()方法的用法示例
這篇文章主要介紹了jQuery復(fù)合事件結(jié)合toggle()方法的用法,實(shí)例分析了toggle()方法的功能、定義以及與復(fù)合事件結(jié)合使用的操作技巧,需要的朋友可以參考下2017-06-06jQuery select自動(dòng)選中功能實(shí)現(xiàn)方法分析
這篇文章主要介紹了jQuery select自動(dòng)選中功能,結(jié)合實(shí)例形式分析了jQuery實(shí)現(xiàn)select響應(yīng)與級(jí)聯(lián)菜單顯示相關(guān)功能與操作技巧,需要的朋友可以參考下2016-11-11簡(jiǎn)單實(shí)用jquery版三級(jí)聯(lián)動(dòng)select示例
本文主要為大家介紹下通過jquery實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)select這里用到的json文件,只是事例,根據(jù)情況添加或編寫,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07jquery操作iframe實(shí)現(xiàn)父頁面和子頁面相互操作的九種情況
現(xiàn)實(shí)開發(fā)中難免會(huì)遇到子頁面、父頁面相互操作的情況,本文主要介紹了jquery操作iframe實(shí)現(xiàn)父頁面和子頁面相互操作的九種情況,具有一定的參考價(jià)值,感興趣的可以了解一下2024-02-02webuploader模態(tài)框ueditor顯示問題解決方法
這篇文章主要為大家詳細(xì)介紹了webuploader模態(tài)框ueditor顯示問題的解決,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12利用jQuery實(shí)現(xiàn)滑動(dòng)開關(guān)按鈕效果(附demo源碼下載)
這篇文章主要介紹了利用jQuery實(shí)現(xiàn)滑動(dòng)開關(guān)按鈕效果,文中給出了詳細(xì)的介紹,并在文末給出了完整的demo源碼下載,有需要的朋友可以參考簡(jiǎn)介,下面來一起看看吧。2017-02-02