DIV CSS 佈局教程網

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){}//判斷可用

文本框操作
取 值：var textval = $("#text_id").attr("value");
var textval = $("#text_id").val();
清除內容：$(”#txt”).attr(”value”,”);
填充內容：$(”#txt”).attr(”value”,'123′);

文本域操作
取 值：var textval = $("#text_id").attr("value");
var textval = $("#text_id").val();
清除內容：$(”#txt”).attr(”value”,”);
填充內容：$(”#txt”).attr(”value”,'123′);

單選按鈕操作
取 值：var valradio = $("input[@type=radio][@checked]").val(); //只有一組Radio情況下
var valradio =$('input[@name=chart][@checked]').val(); //多組Radio情況下，根據name取一組的值

下拉框操作
取 值：var selectval = $('#sell').val();
設置選中：$("#select_id").attr("value",'test');//設置value=test的項目為當前選中項
添加新項：$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
清空下拉框：$("#select_id").empty()；//清空下拉框

多選框操作
取 值：$("#chk_id").attr("checked",'');//未選中的值
$("#chk_id").attr("checked",true);//選中的值
if($("#chk_id").attr('checked')==undefined) //判斷是否已經選中