DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery給基本控件的取值、賦值示例
Jquery給基本控件的取值、賦值示例
編輯:JQuery特效代碼     
TEXTBOX:

var str =$("#txt").val();

$("#txt").val(Value);

//文本框,文本區域:

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

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

LABLE:

var str =$("#lbl").text();

$("#lbl").text(Value);

/*獲取單選按鈕的值*/

var valradio =$("input[@type=radio][@checked]").val();

/*獲取一組名為(items)的radio被選中項的值*/

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[@type=radio]").attr("checked",'2');//設置value=2的項目為當前選中項

//下拉框select:

$("#select_id").attr("value",'test');//設置value=test的項目為當前選中項

$("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下拉框的第二個元素為當前選中值

$('#select_id')[0].selectedIndex= 1;

radio單選組的第二個元素為當前選中值

$('input[@name=items]').get(1).checked= true;

//重置表單

$("form").each(function(){

.reset();

});

以下是設置img的路徑

$("#img1").attr("src","Imges/test.jpg");
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved