jquery取得text,areatext,radio,checkbox,select的值,以及其餘一些操做;
1.假如咱們有以下頁面
<input type="text" name="textname" id="text_id" value="">
<!--其他的請自行添加.重要的是要有TYPE.NAME.ID等,通常狀況這些都是有的-->
2.下面來看怎麼取得FORM中的各類值等等;
jquery
function get_form_value(){ var textval = $("#text_id").attr("value");//或者 var textval = $("#text_id").val(); var valradio = $("input[@type=radio][@checked]").val(); var checkboxval = $("#checkbox_id").attr("value"); var selectval = $('#select_id').val(); }3.另外對錶單的其餘處理: //控制表單元素: //文本框,文本區域: $("#text_id").attr("value",'');//清空內容 $("#text_id").attr("value",'test');//填充內容 //多選框checkbox: $("#chk_id").attr("checked",'');//未選中的值 $("#chk_id").attr("checked",true);//選中的值 if($("#chk_id").attr('checked')==undefined) //判斷是否已經選中 //單選組radio: $("input[@type=radio]").attr("checked",'10');//設置value=10的單選按鈕爲當前選中項 //下拉框select: $("#select_id").attr("value",'test');//設置value=test的項目爲當前選中項 $("<option value='test'>test</option>< option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option $("#select_id").empty();//清空下拉框 補充 獲取一組radio被選中項的值 var item = $('input[@name=items][@checked]').val(); 獲取select被選中項的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二個元素爲當前選中值 $('#select_id')[0].selectedIndex = 1; radio單選組的第二個元素爲當前選中值 $('input[@name=items]').get(1).checked = true; 獲取值: 文本框,文本區域:$("#txt").attr("value"); 多選框checkbox:$("#checkbox_id").attr("value"); 單選組radio: $("input[@type=radio][@checked]").val(); 下拉框select: $('#sel').val(); 控制表單元素: 文本框,文本區域:$("#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();//清空下拉框