jQuery基礎:select、checkbox、text、radio取值、選中、刪除等


獲取值:

下拉框select: 獲取value:$('#sel').val(); 獲取text:$('#sel').find("option:selected").text()

多選框checkbox:$("#checkbox_id").attr("value");

文本框,文本區域:$("#txt").val(); 或 $("#txt").attr("value");

單選組radio: $("input[type=radio][checked]").val();

如果你看到這段文字,說明您正使用RSS閱讀或轉自《一棵樹-博客園》,原文地址:http://www.cnblogs.com/atree/archive/2012/03/07/JQuery-select-checkbox-text-radio.html

選中:

select下拉框的第二個元素為當前選中值

$('#select_id')[0].selectedIndex = 1;

radio單選組的第二個元素為當前選中值

$('input[name=items]').get(1).checked = true;

控制表單元素:

文本框,文本區域:

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

多選框checkbox:

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

單選組radio:    

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

下拉框select:   

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM