jquery 操作各種元素

2021-07-04 03:38:21 字數 1528 閱讀 8245

獲取選中的值

獲取一組radio被選中項的值

var item = $('input[@name=items][@checked]').val();

獲取select被選中項的文字

var item = $("select[@name=items] option[@selected]").text();

select下拉框的第二個元素為當前選中值

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

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

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

獲取值:

文字框,文字區域:

$("#txt").attr("value");

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

多選框checkbox:

$("#checkbox_id").attr("value");

單選組radio:

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

下拉框select:

$('#sel').val();

控制表單元素:

文字框,文字區域:

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

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

多選框checkbox:

$("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾

單選組radio:

$("input[@type=radio]").attr("checked",'2');//設定value=2的專案為當前選中項

下拉框select:

$("#sel").attr("value",'-sel3');//設定value=-sel3的專案為當前選中項

$("1111

在jquery中,用$("#id")來獲得頁面的input元素,其相當於document.getelementbyid("element")但是,該獲取的是乙個jquery物件,而不是乙個dom element物件.value是dom element物件的屬性.所以,使用$("#id").value不能取到值取值的方法如下:

取值:

val = $("#id")[0].value;

$("#id")[0].value = "new value";

賦值:

$("#id")[0].value = "new value";

或者$("#id").val("new value");

val = $("#id").attr("value");

JQuery 各種操作表單元素方法小結

jquery操作表單總結 1 文字框 密碼框 隱藏域 文字域 id換成對應的,value屬性存在,才能利用attr value 獲取值,否則返回undefined 1.1 獲取 text val 或者 text attr value 1.2 設定 text val test 或者 text attr...

jQuery操作元素

對於元素屬性的操作 attr 屬性名 獲得屬性 如 a attr href 獲得鏈結的內容 removeattr 屬性名 刪除此屬性 如 a removeattr href 移除href屬性 2.對於元素內容的操作 dd html 獲得元素的html內容 dd html 哈哈哈 設定元素的html內...

jQuery操作元素

獲取內容 test text test html test val 獲取屬性 test attr href 設定或者修改屬性 attr disabled disabled removeattr checked input select在value值變化時可以呼叫不同的函式 change functi...