轉：jquery 表單取值

轉：jquery

onload 時預載設定

$(document).ready(function()
{
$("#add_news_link").click(function(){
$("#mode").attr("value", "add");
});
});


radio選值

// 獲取一組 radio 被選中項的值
var item = $('input[@name=items][@checked]').val();

// radio 單選組的第二個元素為當前選中值
// * 這招沒辦法用在checkbox上
$('input[@name=items]').get(1).checked = true;

$("input[@type=radio]").attr("checked",'2');//設置value=2的項目為當前選中項


多選框checkbox：

$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾
$("#checkbox_id").attr("value")；

$('input[name="news_top"]:checked').val();



select 取值

var item = $("select[@name=items] option[@selected]").text();

// select下拉框的第二個元素為當前選中值
$('#select_id')[0].selectedIndex = 1;//不知為何要加[0]

$('#sel').val(); // 取值

$("#sel").attr("value",'-sel3');//設置value=-sel3的項目為當前選中項
$("11112222").appendTo("#sel")//添加下拉框的option
$("#sel").empty()；//清空下拉框

/*
* 選取 select 的 text 值
*/
$("select[name='categories_id'] option:selected").text();
$('#categories_id :selected').text();
/*
* 選取 select 的 value 值
*/
$("select[name='categories_id']").val();
$('#categories_id').text();



控制表單元素：

$("#txt").attr("value")；
$("#txt").attr("value",'');//清空內容
$("#txt").attr("value",'11');//填充內容


// 尋找全部的欄位，就可以利用

$('#myForm :input');

/* 前者 */
$('input:radio', myForm);

/* 後者 */
$('input[type=radio]');

/*
如果您的表單非常的大，建議可用前者，速度上面會比較快喔，所以針對整個
Form Selectors 的方式寫了一個 function 來掃全部欄位：
*/
$("#news_form :input").each(
function(){
switch($(this).attr('type')){
case 'radio':
/* 取消所有選取 */
$(this).attr("checked", false);
case 'checkbox':
/* 取消所有選取 */
$(this).attr("checked", false);
break;
case 'select-one':
/* 把 select 元件都歸到選第一項 */
$(this)[0].selectedIndex = 0;
break;
case 'text':
/* 清空 text 來欄位 */
$(this).attr("value", "");
break;
case 'password':
/* 清空 password 來欄位 */
$(this).attr("value", "");
case 'hidden':
/*
* 不清空 hidden，通常保純此欄位
*/
case 'textarea':
/* 清空 textarea 來欄位 */
$(this).attr("value", "");
break;
}
});


事件
用click 觸發改變事件(用change 還得再點旁邊才會觸發)
$("input[@name='RadtioName']").click(function(){
});

source:
http://www.cnblogs.com/xlfj521/archive/2008/01/29/1057375.html

[jQuery] 表單取值 radio checkbox select text 驗證表單