[转贴]jQuery的radio,checkbox,select操作 - [jQuery]

简介: 获取一组radio被选中项的值  var item = $('input[@name=items][@checked]').val();  获取select被选中项的文本  var item = $("select[@name=items] option[@selected]").

获取一组radio被选中项的值 
var item = $('input[@name=items][@checked]').val()
获取
select被选中项的文本 
var item = $("select[@name=items] option[@selected]").text()
select下拉框的第二个元素为当前选中值 
$
('#select_id')[0].selectedIndex = 1
radio单选组的第二个元素为当前选中值 
$
('input[@name=items]').get(1).checked = true
 
获取值: 
 
文本框,文本区域:$
("#txt").attr("value"); 
多选框
checkbox:$("#checkbox_id").attr("value"); 
单选组
radio:   $("input[@type=radio][@checked]").val()
下拉框
select: $('#sel').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 () //清空下拉框
目录
相关文章
|
6月前
|
JavaScript 前端开发
使用jQuery操作DOM元素
使用jQuery操作DOM元素
|
6月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
60 1
|
6月前
|
JavaScript
jQuery遍历div,判断是否为空,为空时执行某个操作
jQuery遍历div,判断是否为空,为空时执行某个操作
|
6月前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
6月前
|
缓存 JavaScript
|
5月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
|
4月前
|
JavaScript 前端开发 API
前端框架与库 - jQuery基础与DOM操作
【7月更文挑战第18天】jQuery 是一个简化JavaScript任务的库,以其“write less, do more”理念著称。核心功能包括DOM操作、事件处理和Ajax。DOM操作如选择元素(`$(&quot;p&quot;)`、`$(&quot;#myDiv&quot;)`、`$(&quot;.myClass&quot;)`)、创建及添加元素、修改属性和内容。事件处理如绑定(`click`)和触发(`trigger`)。常见问题涉及`$`符号冲突(使用`jQuery`代替)、异步加载管理和选择器性能优化。了解并规避这些问题能提升jQuery使用效率。
32 0
|
6月前
|
前端开发 JavaScript
N..
|
6月前
|
JavaScript 前端开发 容器
jQuery中的DOM操作
jQuery中的DOM操作
N..
61 1
|
6月前
|
前端开发 JavaScript Java
第四章使用jQuery操作DOM元素
第四章使用jQuery操作DOM元素