實用jquery操作表單元素的簡單代碼
取下拉菜單選中項的文本; 獲取和設(shè)置下拉菜單的值; 清空下拉菜單; 給下列菜單添加元素; 取單選框值; 單選或復(fù)選按鈕的選擇; 取復(fù)選框值; 判斷單選或復(fù)選框是否被選中; 元素可用不可用; 判斷元素可用不可用。
實用jquery操作表單元素代碼
/*
假設(shè)在一個表單中有一個按鈕id="save"
$(document).ready(function(){
$("#save").click(function(){
$("#save").attr("disabled",true);//設(shè)為不可用
$("#form1")[0].submit();//如果你有很多個id為form1的表單也沒關(guān)系,只有第一個會提交的哈哈.
});
});
取下拉菜單選中項的文本;
獲取和設(shè)置下拉菜單的值;
清空下拉菜單;
給下列菜單添加元素;
取單選框值;
單選或復(fù)選按鈕的選擇;
取復(fù)選框值;
判斷單選或復(fù)選框是否被選中;
元素可用不可用;
判斷元素可用不可用。
1. 取下拉菜單選中項的文本
$("#select option[selected]").text();//select和option之間有空格,option為select的子元素
$("#select option:selected").text();//如果寫成$("#select").text();會把所有下拉菜單的文本選擇出來
2.獲取和設(shè)置下拉菜單的值
$("#select").val();//取值
$("#select").val("value");//設(shè)置,如果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.單選或復(fù)選按鈕的選擇
$("#id[value=val]").attr("checked",true);//選擇
$("#id[value=val]").attr("checked","");//取消選擇
$("#id[value=val]").attr("checked",false);//取消選擇
$("#id[value=val]").removeattr("checked");//取消選擇
7.取復(fù)選框值
$("input[type=checkbox][checked]").each(function(){
alert($(this).val());
})
//如果用$("input[type=checkbox][checked]").val(),只會返回第一個被選中的值
8.判斷單選或復(fù)選框是否被選中
if($("#id").attr("checked")){}//判斷選中
if($("#id").attr("checked")==true){}//判斷選中
if($("#id").attr("checked")==undefined){}//判斷未選中
9.元素可用不可用
$("#id").attr("disabled",false);//設(shè)為可用
$("#id").attr("disabled",true);//設(shè)為不可用
10.判斷元素可用不可用
if($("#id").attr("disabled")){}//判斷不可用
if($("#id").attr("disabled")==undefined){}//判斷可用
以上這篇實用jquery操作表單元素的簡單代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JQueryEasyUI框架下的combobox的取值和綁定的方法
這篇文章主要介紹了JQueryEasyUI框架下的combobox的取值和綁定的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-01-01
基于JQUERY的兩個ListBox子項互相調(diào)整的實現(xiàn)代碼
基于JQUERY的兩個ListBox子項互相調(diào)整的實現(xiàn)代碼,需要的朋友可以參考下。2011-05-05
實現(xiàn)easyui的datagrid導(dǎo)出為excel的示例代碼
下面小編就為大家?guī)硪黄獙崿F(xiàn)easyui的datagrid導(dǎo)出為excel的示例代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
jquery實現(xiàn)文本框數(shù)量加減功能的例子分享
在做商城項目的時候,需要在購物車中增加一個商品加減功能,并在加減時同時修改總價格的顯示,并且保證文本框text只能輸入純數(shù)字2014-05-05

