jquery常用的表單操作很全很詳細

2021-09-06 16:57:25 字數 1845 閱讀 1670

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

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

清空下拉列表;

給下列選單新增元素;

取單選框值;

單選或複選按鈕的選擇;

取核取方塊值;

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

元素可用不可用;

判斷元素可用不可用。

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.給下列選單新增元素

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常用的表單操作很全很詳細

取下拉列表選中項的文字 獲取和設定下拉列表的值 清空下拉列表 給下列選單新增元素 取單選框值 單選或複選按鈕的選擇 取核取方塊值 判斷單選或核取方塊是否被選中 元素可用不可用 判斷元素可用不可用。1.取下拉列表選中項的文字 view plaincopy to clipboardprint?selec...

jQuery表單常用操作收藏

取下拉列表選中項的文字 獲取和設定下拉列表的值 清空下拉列表 給下列選單新增元素 取單選框值 單選或複選按鈕的選擇 取核取方塊值 判斷單選或核取方塊是否被選中 元素可用不可用 判斷元素可用不可用。1.取下拉列表選中項的文字 view plaincopy to clipboardprint?selec...

jQuery對表單的操作

表單的組成部分 表單標籤 表單域 表單按鈕 分析 1 在表單內class屬性為 required 的文字框是必須填寫的,因此需要將它與其他的非必須填寫表單元素加以區別,即 在文字框後追加乙個紅色的小星星標識。form input.required each function 2 當使用者在 使用者名...