例:将多个选中的checkbox的值组装成一个字符串

<script type=text/javascript>
function addMem(){
//var followers = document.getElementsByName("followers");
var f_str = '0';
$("input[@name='followers']").each(function(){
   if($(this).attr("checked")==true){
    f_str += ","+$(this).attr("value");
   }
})
alert(f_str);
}
</script>

=====================

例:取选中的radio的值

var gender = $('input[@name=gender][@checked]').val();

=====================

转别人的一些东西:

jquery判断checkbox是否被选中

在html的checkbox里,选中的话会有属性checked="checked"。

如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked")),会打印出"true",而不是"checked"!

如果没被选中,打印出的是"undefined"。觉得很奇怪是吗?继续看下去~

不要尝试去做这样的判断:if($"#xxx".attr("checked")=="true")

因为这么做是错的,jQuery的API手册上写,attr(name)的返回值是object。

所以,应该是if($"#xxx".attr("checked")==true)

====================================

jquery全选/取消选择checkbox示例:

<input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br />
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选

  1. <script type="text/javascript">
  2. <!--
  3. $(function() {
  4. $("#checkedAll").click(function() {
  5. if ($(this).attr("checked") == true) { // 全选
  6. $("input[@name='checkbox_name[]']").each(function() {
  7. $(this).attr("checked", true);
  8. });
  9. } else { // 取消全选
  10. $("input[@name='checkbox_name[]']").each(function() {
  11. $(this).attr("checked", false);
  12. });
  13. }
  14. });
  15. });
  16. //-->
  17. </script>

=================================================

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关

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

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中相关推荐

  1. Jquery常用操作:checkbox、select取值,radio、checkbox、select选中及其相关

    常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...

  2. jquery radio取值,checkbox取值,select取值,radio选中,

    jquery radio取值,checkbox取值,select取值,radio选中, var item = $('input[@name=items][@checked]').val(); 获取se ...

  3. JQuery选择器及radio,checkbox,select取值和反选

    jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能 ...

  4. MVC easyui-switchbutton 和 checkbox 、radio 使用和赋值 JQ select 取值

    初始化默认: <input id="cdt_level" class="easyui-switchbutton" data-options="o ...

  5. jq select 修改选中_「jquery select」jquery操作select(取值,设置选中) - seo实验室

    jquery select 最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料 一.基础取值问题 例如 1.设置value为pxx的项选中 $(".sele ...

  6. jquery操作select取值赋值与设置选中[转]

    本节内容: jquery实现select下拉框的取值与赋值,设置选中的方法大全. 比如<select class="selector"></select> ...

  7. ajax 给select赋值,jquery操作select取值赋值与设置选中

    摘要 腾兴网为您分享:jquery操作select取值赋值与设置选中,掌上优云,杂志迷,悦作业,小米云盘等软件知识,以及屏幕,赢在街拍客,动图,天下任我行,网易充值中心,马上用车,cf不掉血,回收ap ...

  8. jquery取得text,areatext,radio,checkbox,select的值

    query取得text,areatext,radio,checkbox,select的值,以及其他一些操作; 1.假如我们有如下页面 <input type="text" n ...

  9. GridView 用 checkbox 全选并取值

    方法一,用 js 实现 <script type="text/javascript">//<![CDATA[ function CheckAll(oCheckbo ...

最新文章

  1. Linux supervisor守护进程的安装和使用
  2. hdu 5945 Fxx and game
  3. iPhone 6 Screens Demystified
  4. html web form id,小程序如何获取多个formId实现详解
  5. selenium在页面中多个fream的定位
  6. [译]NGINX 和 ZooKeeper,动态负载平衡和部署(上)
  7. 一起学nRF51xx 15 - spis
  8. Android Studio中安装OpenCV SDK
  9. cannot resolve symbol spark
  10. SAP OData:MPC class get last modified - how to implement
  11. [react] React为什么不要直接修改state?如果想修改怎么做?
  12. 被3亿农民力挺,仍惨遭封杀!中国最冤产品,出路在哪?
  13. 简易 Python 3 运行 Python 2 代码
  14. 谷歌何时停止Android更新,谷歌宣布Android Studio将停止为32位系统提供更新
  15. APUE实战篇1:在Ubuntu环境搭载apue的环境
  16. 自动控制原理复习——第二章 控制系统的数学模型,系统框图简化,信号流图,梅森公式,控制系统的传递函数(详细介绍)
  17. 微信打开h5链接,缓存未清除解决办法
  18. 基于古诗词的名字生成器
  19. 用C程序编简易双人五子棋
  20. Navicat提示access violation at address in module'navicate.exe'

热门文章

  1. 16.刚体碰撞事件监测与处理
  2. Overlapping Rectangles 离散+线段树 +扫描线
  3. centos 7 部署 open-falcon 0.2.0
  4. 【渣硕的数学笔记】数值分析
  5. mysql添加外键报错:ERROR 1215 (HY000): Cannot add foreign key constrain
  6. unity3d世界坐标系和本地坐标系
  7. 【C#】override,Abstract,Virtual 介绍及区别--转载
  8. 好久没更新日志了啊~!!今天发一个AS3的播放器
  9. c# 操作文件_小练习(音乐播放器)
  10. docker build命令详解_『中级篇』docker之java容器运行外置springboot-jar(番外篇)(79)...