记录: jquery操作radio/checkbox/select 及其相关

红薯 发布于 2009/02/02 18:43
阅读 2K+
收藏 4

获取一组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();//清空下拉框

加载中
0
HostSugar
HostSugar

蛮不错的,都总结了一下~~

0
红薯
红薯

如果是 jQuery 1.3 ,那么要把 @ 这个符号去掉!

0
Akay
Akay

哈哈,刚好遇到这个问题,谢谢楼主,也谢谢红薯的补充

0
crazyinsomnia
crazyinsomnia

jQuery 1.3   if($("#chk1").attr('checked')==undefined) //判断是否已经打勾。返回的是false或者true,不是undefined了

0
Sephiroth
Sephiroth

总结的不错,感谢红薯了,收藏。

0
BossKiller
BossKiller

1.4 的什么时候能出文档

0
polly
polly

收藏一下吧。

0
黄平俊
黄平俊

Jquery1.3.2取Radio和Select的方法在FireFox浏览器无法取值:

正确的方法应该是:

获取

<form id="mbForm">

<input type='radio' value='0' id='pubtype0' name='notifysms' /><label for='pubtype0'>直接发布</label>
<input type='radio' value='1' id='pubtype1' name='notifysms' /><label for='pubtype1'>发布并通知</label>

</form>

 var notify = $("#mbForm input[name=notifysms]:checked").val();
0
期待年轻
期待年轻

我使用这个方法:$("#chk2").attr("checked",true);

选择一个选项后,页面就会自动把第一个也选上,不知道大家有没有遇到这样的情况啊。

返回顶部
顶部