javascript通过jquery获取表单元素/控件值和设置值的方法

jquery通过id获取对象时，在id名称的前面添加#号（比如$("#id")），通过属性选择控件时，通过"type[属性=?]"的方式进行选择，比如$(“input[name=username]”)。

1. input元素获取值和赋值的方法

$(“id”)是一个jquery对象，而不是一个dom element

其中id是控件的id属性。如果没有id属性，只有name属性，则可以采用下面的写法。

$("input[name='username']").val();1

value是dom element的属性

jquery与之对应的是val

val() :获得第一个匹配元素的当前值。

val(val):设置每一个匹配元素的值。

所以，代码应该这样写：

取值：

var val = $("#id")[0].value;1

这里[0]表示从相同id的数组元素中获取第一个元素。

赋值：

$("#id")[0].value = "new value";
或者
$("#id").val("new value");123

或者这样也可以：

var val = $("#id").attr("value");
//填充内容
$("#txt").attr("value",'11');123

1. radio元素获取值和赋值的方法
   获取一组radio被选中项的值

// 通过name属性
var item = $('input[name=items][checked]').val();
// 通过type属性
$("input[type=radio][checked]").val();1234

radio单选组的第二个元素为当前选中值

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

设置value=2的项目为当前选中项

$("input[type=radio]").attr("checked",'2');1

1. select元素获取值和赋值的方法
   获取select被选中项的文本

// 通过名称属性
var item = $("select[name=items] option[selected]").text();
// 通过id
$('#sel').val();1234

设置select下拉框的第二个元素为当前选中值

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

清空下拉框

 $("#sel").empty()；1

添加下拉框的option：

$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")1

设置value=opt1的项目为当前选中项

$("#sel").attr("value",'opt1');1

1. checkbox元素获取值和赋值的方法
   多选框checkbox：

$("#chk1").attr("value")；1

取消选择

$("#chk1").attr("checked",'');1

设置选择状态

$("#chk2").attr("checked",true);1

判断是否已经打勾

if($("#chk1").attr('checked')==undefined)