Jquery表單取值

2021-08-31 12:30:44 字數 4024 閱讀 8816

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

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

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

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

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

3.清空下拉列表

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

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

4.給下列選單新增元素

5.取單選框值

view plaincopy to clipboardprint?

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

var servicetypeval =$(":radio[name=servicetype][checked]").val();

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

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

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

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

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

7.取核取方塊值

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

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

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

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

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

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

9.元素可用不可用

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

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

10.判斷元素可用不可用

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

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

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

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

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

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

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

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

3.清空下拉列表

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

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

4.給下列選單新增元素

5.取單選框值

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

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

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

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

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

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

7.取核取方塊值

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

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

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

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

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

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

10.元素可用不可用

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

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

11.判斷元素可用不可用

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

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

一 、select

全選/取消

jquery.attr  獲取/設定物件的屬性值,如:

$("input[name='chk_list']").attr("checked");     //讀取所有name為'chk_list'物件的狀態(是否選中)

$("input[name='chk_list']").attr("checked",true);      //設定所有name為'chk_list'物件的checked為true

$("#img_1").attr("src","test.jpg");    //設定id為img_1的

$("#img_1").attr("src");     //讀取id為img_1的

下面的**是獲取上面例項中選中的checkbox的value值:

1,獲取checkbox的value

$("#checkboxid").value或$("input[type='checkbox']").eq(n).attr("checked").value

2,設定選中項

$("input[type='checkbox']").eq(1).attr("checked")//設定第乙個checkbox為選中的項

3,刪除所有checkbox

$("input[type='checkbox']").remove()

4,checkbox方法

$(document).ready(function()

else

})});

});三、radio

1,獲取選中的value值

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

2,設定指定的項為當前選中項

$("input[type='radio']").eq(1).attr("checked", true);//設定第二項為選中項

$("input[type='radio'][value='值']").attr("checked, true");

3,多個radio的解決方法

$("input[type='radio'][@name='rdotest2']").eq(0).attr("checked", true); 

備註:上面這個無法選擇給定的name的radio。會設定頁面上的出現的第乙個radio的第乙個索引項為選中項。

下面這個方法可以解決:(但不是使用jquery來實現)

function  setcheckedvalue(radioname, newvalue)  

Jquery表單取值賦值

jquery表單取值賦值的一些基本操作2008 12 25 03 17 獲得text.areatext的值 var textval text id attr value 或者 var textval text id val 獲取單選按鈕的值 var valradio input type radio...

jQuery 批量表單取值

使用jquery 批量取的表單中的值。有如下表單 html form action input type hidden name hiddata value 1 input type hidden name hiddata value 2 input type hidden name hiddata...

基於jQuery 各種表單取值折磨

寫在前面 表單一直是前端重要的一塊內容,而表單的型別較多,各種取值方式不一,選中的selected,checked等,什麼情況該用哪種,今天有時間理一理,不一定全面,後面慢慢補充吧 正文 有如下結構的select,涉及到的各種取值 請選擇 成都綿陽 德陽 一 獲取 myselect選中的value和...