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

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

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

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

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

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

value是dom element的属性

jquery与之对应的是val

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

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

所以，代码应该这样写：

取值：

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

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

赋值：

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

或者这样也可以：

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

2. radio元素获取值和赋值的方法

获取一组radio被选中项的值

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

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

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

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

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

 3. select元素获取值和赋值的方法

获取select被选中项的文本

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

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

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

清空下拉框 

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

添加下拉框的option： 

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

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

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

4. checkbox元素获取值和赋值的方法

多选框checkbox：

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

取消选择

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

设置选择状态

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

判断是否已经打勾

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