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)