（Jquery功能篇） Jquery 控件赋值

小鱼儿 2023-10-16 20:34 54阅读 0赞

1.jQuery给span取值：$("\#id").html();

2.jQuery给input取值：$("\#id").val();

3.jQuery给textarea取值：$("\#id").val();

4.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");  
\}

5.jQuery给iframe的src赋值：$("id").src+="&uid ="+ uid;

6.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()；//清空下拉框

发表评论取消回复

表情：

评论列表（有 0 条评论，54人围观）

还没有评论，来说两句吧...

相关阅读

相关 (Jquery功能篇)jquery的smallsluder控件(图片轮换)

果截图： ![Center][] 项目实例：加载资源文件  <script type="text/...

水深无声/ 2024年04月18日 14:46/ 0 赞/ 76 阅读

相关 (Jquery功能篇) jquery 插件fancybox查看图片原图

果截图： ![Center][] fancybox相关介绍： 1.可以支持图片、html文本、flash动画、iframe以及ajax的支持 2....

╰+哭是因爲堅強的太久メ/ 2024年04月18日 14:30/ 0 赞/ 74 阅读

相关 (Jquery功能篇) JqGrid表单控件实例代码

截图效果展示： ![Center][] 源代码： <%@ page language="java" contentType="text/html; charset

港控/mmm°/ 2023年10月18日 23:44/ 0 赞/ 126 阅读

相关 (Jquery功能篇) JPage分页控件实例代码

截图：使用JPage实现分页效果图 ![Center][] 第一步：加载JPage插件（相关资源文件和Js代码）截图所示： ![Center 1][] 第二步：编写

桃扇骨/ 2023年10月18日 23:34/ 0 赞/ 133 阅读

相关 Jquery中对常用控件赋值的方法

场景通过Jquery进行ajax请求数据后将返回的数据给页面中的控件进行赋值。实现 1.对input进行赋值 $("id").v

怼烎@/ 2023年10月18日 18:16/ 0 赞/ 56 阅读

相关（Jquery功能篇） Jquery 控件赋值

1.jQuery给span取值：$("\id").html(); 2.jQuery给input取值：$("\id").val(); 3.jQuery给textarea取值：

小鱼儿/ 2023年10月16日 20:34/ 0 赞/ 55 阅读

相关 jquery城市选择控件_jQuery选择插件

jquery城市选择控件 ![jQuery Chosen Plugin][] Without a doubt, my least favorite form element

╰+攻爆jí腚メ/ 2023年02月21日 14:25/ 0 赞/ 142 阅读

相关 jquery实现的时间范围赋值控件

页面效果 ![Center][] 实现元件方法 1.引入jquery包 <script type="text/javascript" src="<%=pa

客官°小女子只卖身不卖艺/ 2022年09月17日 06:21/ 0 赞/ 158 阅读

相关 JQuery评分控件

<!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < meta

青旅半醒/ 2022年05月31日 09:47/ 0 赞/ 230 阅读

相关 JQuery为用户控件(ASCX)赋值

Insus.NET在本次演示中，使用了接口(interface),在网页动态加载用户控件，并使用JQuery为来把网页处理的值传给用户控件。在面向编程中，Insus.NE

古城微笑少年丶/ 2022年03月27日 09:36/ 0 赞/ 245 阅读