JQuery获取控件值

一、基本

$("")是一个jquery对象,而不是一个dom element;value是dom element的属性,jquery与之对应的是val。
val() :获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。

选择器:

$(this)当前 HTML 元素
$("p")所有 <p> 元素
$("p.intro")所有 class="intro" 的 <p> 元素
$(".intro")所有 class="intro" 的元素
$("#intro")id="intro" 的元素
$("ul li:first")每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']")所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head")id="intro" 的 <div> 元素中的所有 class="head" 的元素

二、示例

1、文本框、文本区域:

取值:$("#txt").attr("value");$("input[name='txt']").val();

赋值:$("#txt").attr("value",'11');

2、复选框CheckBox:

取值:$("#checkbox_id").attr("value");

勾选:$("#checkbox_id").attr("checked",true);$("input[type='checkbox']").attr("chacked",true);将多选框设为全选中状态,false为不选中状态

不勾选:$("#checkbox_id").attr("checked",'');$("input['tupe=checkbox']").removeAttr("checked");

判断是否勾选:if($("#checkbox_id").attr("checked")==checked) ;JQ1.6之后返回checked或者是undefined (1.6之前返回true或者是false)

3、Radio:

取值:$("input[@type=radio][@checked]").val();

设置选中项:$("input[@type=radio]").attr("checked",'2');设置value=2的项目为当前选中项

4、Select下拉框:

取值:$('#sel').val();

设置选中项: $("#sel").attr("value",'123');//设置value=123的项目为当前选中项

添加Option:$("<option value='1'>1</option><option value='2'>2</option>").appendTo("#sel")//添加下拉框的option

清空:$("#sel").empty();//清空下拉框

5、DropDownList:

取值:$("#ddlID option:selected").val();

6、添加删除属性:

$("#ID").attr("class", 'required');
$("#ID").removeAttr("class");

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值