当前位置:  编程技术>jquery

jQuery获取select checkbox值的例子

    来源: 互联网  发布时间:2014-10-08

    本文导语:  例子,jQuery获取select checkbox值。   代码示例:         jquery 操作select radio checkbox_www.                 $(function () {              //checkbox获取选中项              $('#checkbox_huoqu').click(function () {   ...

例子,jQuery获取select checkbox值。
 

代码示例:
 
 
 
 
jquery 操作select radio checkbox_www. 
 
    
        $(function () { 
            //checkbox获取选中项 
            $('#checkbox_huoqu').click(function () { 
                $('#checkbox_result_div').html(""); 
                $("#checkbox_div input[type='checkbox']:checked").each(function () { 
                    $('#checkbox_result_div').append(this.value + "  "); 
                }); 
            }); 
 
 
            //checkbox全选/取消全选 
            $('#checkbox_checkall').click(function(){ 
                $("#checkbox_div input[type='checkbox']").prop("checked",$(this).prop("checked")); 
            }); 
 
            //checkbox反选 
            $('#checkbox_fanxuan').click(function () { 
                $('#checkbox_result_div').html(""); 
                $("#checkbox_checkall").removeAttr("checked"); 
                $("#checkbox_div input[type='checkbox']").each(function () { 
                    if ($(this).prop("checked")) { 
                        $(this).removeAttr("checked"); 
                    } else { 
                        $(this).prop("checked", 'true'); 
                    } 
                }); 
            }); 
             
            //选中checkbox第2项的值 
            $('#checkbox_setvalue').click(function () { 
                 $('#checkbox_result_div').html(""); 
                 $("#checkbox_checkall").removeAttr("checked"); 
                 $("#checkbox_div input[type='checkbox']").removeAttr("checked"); 
                 $("#checkbox_div input[type='checkbox'][value='2']").prop("checked","true"); 
            }); 
           
            //获取select选中的值 
            $('#select_huoqu').click(function () { 
                $('#select_result_div').html(""); 
                var checkText=$("#select_id").find("option:selected").text(); 
                var checkValue=$("#select_id").find("option:selected").val(); //获取Select选择的Value 
                $('#select_result_div').html("select选择的text:"+checkText+" value="+checkValue); 
            }); 
             
          //选中select选中的值 
           $('#select_setvalue').click(function () { 
              $('#select_result_div').html(""); 
              $("#select_id").val(2);  
              //$("#select_id option[value='3']").prop("selected", true); //设置Select的Value值为2的项选中  
           }); 
           
         //获取radio选中的值 
           $('#radio_huoqu').click(function () { 
             $('#radio_result_div').html(""); 
             var checkValue=$("#radio_div input[type='radio']:checked").val(); //获取Select选择的Value 
             $('#radio_result_div').html("radio选择的value="+checkValue); 
           }); 
            
         //选中radio选中的值 
          $('#radio_setvalue').click(function () { 
             $('#radio_result_div').html(""); 
             $("#radio_div input[type='radio'][value='2']").prop("checked",true); 
            }); 
         }); 
 
 
 
   
 
       

脚本学堂(www.)

 
         
            请选择  
            波音 
            天宇 
            苹果 
            三星 
         
   
 
   
 
         
         
   
 
   
 
 
     
   
 
 
   
 
 
   
 
        一年级 
        二年级 
        三年级 
        四年级 
        五年级 
        六年级 
        七年级 
        八年级 
   
 
   
 
        全选/取消全选 
         
         
         
   
 
   
 
 
   
 
 
   
 
 
   
 
       一年级 
       二年级 
       三年级 
       四年级 
       五年级 
       六年级 
       七年级 
       八年级 
   
 
   
 
         
         
   
 
   
 
 
     
   
 
 
   
 
 
 

    
 
 

您可能感兴趣的文章:

  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery checkbox
  • jquery遍历checkbox简单示例
  • jquery遍历checkbox代码与说明
  • JQuery checkbox全选的小例子
  • jquery遍历checkbox介绍
  • jquery遍历checkbox的注意事项说明
  • jquery动态获取复选框checkbox选中个数
  • jQuery判断checkbox是否被选中的三种方法
  • jQuery判断checkbox是否选中的3种方法
  • jquery判断复选框checkbox是否选中的简单示例
  • jQuery1.9.1针对checkbox的调整方法(prop)
  • jquery操作checkbox实现全选和取消全选
  • jQuery获取Radio,CheckBox选择的Value值(示例代码)
  • jquery操作checkbox示例分享
  • 解决jquery操作checkbox火狐下第二次无法勾选问题
  • jQuery为checkbox、radio赋值的例子
  • jQuery判断checkbox是否选中的小例子
  • jQuery实现CheckBox全选、全不选的示例代码
  • jquery数组之存放checkbox全选值示例代码
  • jquery 判断 radio checkbox 是否选中的几种方法
  • JQuery转义id中特殊字符的例子
  • jquery检测浏览器名称和版本信息的例子
  • jQuery.proxy向函数中传参的小例子
  • jQuery提交多个表单的小例子
  • jquery获得url参数列表的例子
  • jQuery查看事件内容的小例子
  • jQuery循环array与map小例子
  • jquery 绑定、捕获、拦截回车事件的例子
  • jquery转化Datatable为json数据的例子
  • jquery 获取URL请求参数的小例子
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery如何获取与设置表单元素
  • jQuery each循环获取与搜索元素
  • jquery 获取URL参数的插件(jQuery.query)
  • jQuery获取和设置表单元素的方法
  • jquery 获取Url中Get参数
  • 使用Jquery获取带特殊符号的ID 标签的方法
  • Jquery 获取浏览器的宽度与高度
  • jQuery 照片获取和显示插件 ballboy.js
  • Jquery获取tagName值的方法
  • jQuery 获取/设置/删除DOM元素的属性以a元素为例
  • jquery获取当前点击对象的value方法
  • jQuery动态获取系统时间的代码举例
  • JQuery获取上传文件大小(示例)
  • jquery使用$(element).is()来判断获取的tagName
  • jQuery如何获取节点与子节点文本?
  • jQuery获取选中内容及设置元素属性的方法
  • Jquery获取和修改img的src值的方法
  • Jquery获取元素的父容器对象示例代码
  • jQuery获取当前对象标签名称的方法
  • jquery如何通过name名称获取当前name的value值
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3