Jquery給基本控件的取值、賦值示例
更新時間: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被選中項的值*/
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的項目為當(dāng)前選中項
//下拉框select:
$("#select_id").attr("value",'test');//設(shè)置value=test的項目為當(dāng)前選中項
$("testtest2").appendTo("#select_id")//添加下拉框的 option
$("#select_id").empty();//清空下拉框
獲取一組名為 (items)的radio被選中項的值
var item =$('input[@name=items][@checked]').val();//若未被選中 則val() = undefined
獲 取select被選中項的文本
var item =$("select[@name=items] option[@selected]").text();
select下拉框的第二個元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex= 1;
radio單選組的第二個元素為當(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被選中項的值*/
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的項目為當(dāng)前選中項
//下拉框select:
$("#select_id").attr("value",'test');//設(shè)置value=test的項目為當(dāng)前選中項
$("testtest2").appendTo("#select_id")//添加下拉框的 option
$("#select_id").empty();//清空下拉框
獲取一組名為 (items)的radio被選中項的值
var item =$('input[@name=items][@checked]').val();//若未被選中 則val() = undefined
獲 取select被選中項的文本
var item =$("select[@name=items] option[@selected]").text();
select下拉框的第二個元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex= 1;
radio單選組的第二個元素為當(dāng)前選中值
$('input[@name=items]').get(1).checked= true;
//重置表單
$("form").each(function(){
.reset();
});
以下是設(shè)置img的路徑
$("#img1").attr("src","Imges/test.jpg");
相關(guān)文章
jQuery動態(tài)追加頁面數(shù)據(jù)以及事件委托詳解
這篇文章主要為大家詳細介紹了jQuery動態(tài)追加頁面數(shù)據(jù)以及事件委托的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05
自己動手實現(xiàn)jQuery Callbacks完整功能代碼詳解
最近大量的用到j(luò)Query Callbacks 對象,jQuery庫中的$.ajax()和$.Deferred() 對象也是基于這個對象實現(xiàn),下面我們也模擬實現(xiàn)jQuery Callbacks 對象的部分功能2013-11-11
jQuery解析XML與傳統(tǒng)JavaScript方法的差別實例分析
這篇文章主要介紹了jQuery解析XML與傳統(tǒng)JavaScript方法的差別,實例分析了jQuery與javascript解析XML文件的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
EasyUI學(xué)習(xí)之Combobox下拉列表(1)
這篇文章主要為大家詳細介紹了EasyUI學(xué)習(xí)之Combobox下拉列表的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12
jquery通過visible來判斷標(biāo)簽是否顯示或隱藏
這篇文章主要介紹了jquery如何判斷標(biāo)簽是否顯示或隱藏,使用到了visible屬性,大家可以學(xué)習(xí)下2014-05-05
jquery中的$(document).ready()與window.onload的區(qū)別
瀏覽器執(zhí)行window.onload函數(shù)不僅僅是在構(gòu)建完DOM樹之后, 也是在所有圖像和其他外部資源完整的加載并且在瀏覽器窗口顯示完畢之后.2009-11-11

