實用jquery動作表單元素的簡單代碼，實用jquery表單元素

實用jquery動作表單元素的簡單代碼，實用jquery表單元素

取下拉式功能表選中項的文本； 擷取和設定下拉式功能表的值； 清空下拉式功能表； 給下列菜單添加元素； 取單選框值； 單選或複選按鈕的選擇； 取複選框值； 判斷單選或複選框是否被選中； 元素可用不可用； 判斷元素可用不可用。

實用jquery動作表單元素代碼

/*假設在一個表單中有一個按鈕id="save"$(document).ready(function(){   $("#save").click(function(){    $("#save").attr("disabled",true);//設為不可用                 $("#form1")[0].submit();//如果你有很多個id為form1的表單也沒關係，只有第一個會提交的哈哈.   });});

取下拉式功能表選中項的文本；

擷取和設定下拉式功能表的值；

清空下拉式功能表；

給下列菜單添加元素；

取單選框值；

單選或複選按鈕的選擇；

取複選框值；

判斷單選或複選框是否被選中；

元素可用不可用；

判斷元素可用不可用。

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.給下列菜單添加元素

$('<option value="1">1</option>').appendto($("#select"));  $("#select").append('<option value="1">1</option>'); 

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(){  alert($(this).val());  })  //如果用$("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){}//判斷可用 

以上這篇實用jquery動作表單元素的簡單代碼就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。