首頁 > web前端 > js教程 > jQuery對html元素取值與賦值的方法_jquery

jQuery對html元素取值與賦值的方法_jquery

WBOY
發布: 2016-05-16 17:13:35
原創
1024 人瀏覽過

Jquery給基本控制項的取值、賦值TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文字方塊,文字區域: $("#text_id").attr("value",'');//清空內容$("#text_id").attr("value",'test');// 填滿內容

TEXTBOX:

複製程式碼 程式碼如下:
$('#txt').val("Set Lbl Value");
//文字框,文字區域:

$("#text_id").attr("value",'');//清空內容
$("#text_id").attr(" value",'test');// 填充內容

LABLE:


複製程式碼 程式碼如下:
var str = $(' lbl').text();
$('#lbl').text("Set Lbl Value");
   var valradio = $("input[@type=radio][@checked]").val();

   var item = $('input[@name=items][@checked]'). val();
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) //判斷是否已選取

單選組radio:

複製程式碼 程式碼如下:
$("input[@typeatt=radio]")..attr ("checked",'2'); //設定value=2的項目為目前選取項目

//下拉方塊select:
$("#select_id").attr("value" ,'test');// 設定value=test的項目為目前選取項
$(" ").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下拉方塊的第二個元素為目前選取值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素為目前選取值
$('input[@name=items]'). get(1).checked = true;

//重設表單
$("form").each(function(){
   .reset();
});

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板