jQuery表單常用操作收藏

2021-08-29 20:06:42 字數 1866 閱讀 2109

取下拉列表選中項的文字;

獲取和設定下拉列表的值;

清空下拉列表;

給下列選單新增元素;

取單選框值;

單選或複選按鈕的選擇;

取核取方塊值;

判斷單選或核取方塊是否被選中;

元素可用不可用;

判斷元素可用不可用。

1.取下拉列表選中項的文字

view plaincopy to clipboardprint?

$("#select option[selected]").text();//select和option之間有空格,option為select的子元素

$("#select option:selected").text();//如果寫成$("#select").text();會把所有下拉列表的文字選擇出來

2.獲取和設定下拉列表的值

view plaincopy to clipboardprint?

$("#select").val();//取值

$("#select").val("value");//設定,如果select中有值為value的選項,該選項就會被選中,如果不存在,則select不做任何變動

3.清空下拉列表

view plaincopy to clipboardprint?

$("#select").empty();

$("#select").html("");

4.給下列選單新增元素

view plaincopy to clipboardprint?

5.取單選框值

view plaincopy to clipboardprint?

$("#id[checked]").val();

6.單選或複選按鈕的選擇

view plaincopy to clipboardprint?

$("#id[value=val]").attr("checked",true);//選擇

$("#id[value=val]").attr("checked","");//取消選擇

$("#id[value=val]").attr("checked",false);//取消選擇

$("#id[value=val]").removeattr("checked");//取消選擇

7.取核取方塊值

view plaincopy to clipboardprint?

$("input[type=checkbox][checked]").each(function())

//如果用$("input[type=checkbox][checked]").val(),只會返回第乙個被選中的值

8.判斷單選或核取方塊是否被選中

view plaincopy to clipboardprint?

if($("#id").attr("checked")){}//判斷選中

if($("#id").attr("checked")==true){}//判斷選中

if($("#id").attr("checked")==undefined){}//判斷未選中

9.元素可用不可用

view plaincopy to clipboardprint?

$("#id").attr("disabled",false);//設為可用

$("#id").attr("disabled",true);//設為不可用

10.判斷元素可用不可用

view plaincopy to clipboardprint?

if($("#id").attr("disabled")){}//判斷不可用

if($("#id").attr("disabled")==undefined){}//判斷可用

jquery表單物件操作

在jquery中這三個函式如果有引數的話就是賦值操作,沒有引數則是取值操作,其中val 是乙個很重要的方法,和它相關的表單物件如 input系的標籤 select textarea等都是用於和伺服器端互動的標籤元素,所以要搞清楚這個val 對於radio checkbox select的賦值操作 如...

JQuery 表單常見操作

1 radio的change事件 yhxz change function var selectedvalue input name yhxz checked val alert selectedvalue 2 dom顯示與隱藏 id show 表示 display block,id hide 表示...

JQuery操作表單控制項

1.jquery操作radio 1.jquery判斷哪個radio被選中 radio1 radio2 2.jquery選中取消乙個radio radio3 4.jquery獲取radio的值 radio4 jquery操作select 1.jquery判斷哪個option被選中,並且獲取該值12 3...