【总结】jQuery赋值、取值方法大全 - Web前端
作者:98wpeu发布时间:2026-05-12分类:网页前端技术浏览:3
最近比较忙,没时间写文章,,刚忙完几个项目,总算可以静下心来总结了一些关于“JQuery赋值、取值”的方法,贴出来分享下:
jQuery给span取值:$("#id").html();
jquery给input取值:$("#id").val();
jquery给Textarea取值:$("#id").val();
JQuery给radio取值(非主创):
今天写JS的时候发现利用jquery取不到radio的当前值,上网google下,发现网上的解决方案都是依托于1.2版本的,jquery的1.3版本已经去掉的属性选择器@符号。
(1.2)以前的版本对于radio取当前值的方式:
$("input[@type=radio][@checked]")
把@去掉发现能得到Object,但是取到的当前值不对,永远都是开始设置radio的那个默认值。
$("input[type=radio][checked]") 这种方式也是取不到当前值的
(1.3-->1.4)经过乱七八糟的实验,最终发现了正确写法
$("input:radio[type='radio'][checked]")
或
$("input[accesskey='shipPingFee']:checked");
赋值:var sex = json.sex;//异步返回的信息
$("input:radio").each(function(i){//遍历对象
if(this.value== sex){
$(this).attr("checked","true");
}
jQuery给iframe的src赋值:$("id").src+="&UId ="+ uid;
jQuery给下拉菜单取值:$("#id").val();
赋值方法:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
相关推荐
- 网页前端技术排行
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


