jQuery对表单元素的取值和赋值操作

jQuery读取input元素的值： 查看源代码 打印帮助 1 使用常规的思路：$(“#keyword”).value 取值是取不到的，因为此时$(‘#keydord’)已经不是个element，而是个jquery对象，所以应该使用： 查看源代码 打印帮助 1 var inputValue = $("#keyword").val(); 因为Qjuery对象中第一个元素即为DOM对象，所以也可以这样取值： 查看源代码 打印帮助 1 var inputValue = $("#keyword")[0].value; jQuery中 val()函数的作用： val() 获得第一个匹配元素的当前值。 在 jQuery 1.2 中,可以返回任意元素的值。包括select。如果多选，将返回一个数组，其包含所选的值。 返回值 String,Array 同理，对input元素赋值，需要： 查看源代码 打印帮助 1 $("#keyword").val(""); 或： 查看源代码 打印帮助 1 $("#keyword")[0].value = ""; 附：jquery 1.3.2对基本表单元素的取值方法 查看源代码 打印帮助 01 /*获得TEXT.AREATEXT的值*/ 02 var textval = $("#text_id").attr("value"); 03 //或者 04 var textval = $("#text_id").val(); 05 06 /*获取单选按钮的值*/ 07 var valradio = $("input[type=radio]:checked").val(); 08 09 /*获取一组名为(items)的radio被选中项的值*/ 10 var item = $('input[name=items]:checked').val(); 11 12 /*获取复选框的值*/ 13 var checkboxval = $("#checkbox_id").attr("value")； 14 15 /*获取下拉列表的值*/ 16 var selectval = $('#select_id').val(); 17 18 /*文本框，文本区域*/ 19 $("#text_id").attr("value",");//清空内容 20 $("#text_id").attr("value",'test');//填充内容 21 22 /*多选框checkbox*/ 23 $("#chk_id").attr("checked",");//使其未勾选 24 $("#chk_id").attr("checked",true);//勾选 25 if($("#chk_id").attr('checked')==true) //判断是否已经选中 26 27 /*单选组radio*/ 28 $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 29 30 /*下拉框select*/ 31 $("#select_id").attr("value",'test');//设置value=test的项目为当前选中项 32 $("testtest2").appendTo("#select_id")//添加下拉框的option 33 $("#select_id").empty()；//清空下拉框 34 35 /*获取一组名为(items)的radio被选中项的值*/ 36 var item = $('input[name=items]:checked').val(); //若未被选中 则val() = undefined 37 38 /*获取select被选中项的文本*/ 39 var item = $("select[name=items] option:selected").text(); 40 41 /*select下拉框的第二个元素为当前选中值*/ 42 $('#select_id')[0].selectedIndex = 1; 43 44 /*radio单选组的第二个元素为当前选中值*/ 45 $('input[name=items]').get(1).checked = true; 46 47 /*重置表单*/ 48 $("form").each(function(){ 49 .reset(); 50 });