JQuery 小结

1。文本框的改变事件,可使用propertychange,例如:

     $("#txtDataDate").bind("propertychange",function(){
      
             });

2。获取被选中RadioButton 的值

  var radio_value = $("input[@type=radio][checked]").val(); 

3。下拉列表的改变事件,以及获得选中选项的值

 $("#下拉列表").change(function() {
  //获得选中项的value值        
 var  select = $(this).val();
  var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text


                        
     }).change();

4。获取下拉列表DropDownList选中的值

var ddl = $("#ddlDiaryType option:selected").text();//下拉别表 

 5。Jquery绑定同一事件时,如要只执行一个事件,需要用  $("#txt").unbind();方法卸载事件,例如:

   $("#ddlType").change(function () {
                var now = new Date();
                var ADateNow = now.getYear() + "-" + (now.getMonth() + 1);
                var select = $(this).val();
                $("#txtStartTime").unbind("focus");
                $("#txtEndTime").unbind("focus");
                if (select == "月") {
                    var ADate = ADateNow;
                    $("#txtStartTime").focus(function () { WdatePicker({ isShowClear: false, readOnly: true, skin: 'whyGreen', dateFmt: 'yyyy-MM' }); }).val(ADate);
                    $("#txtEndTime").focus(function () { WdatePicker({ isShowClear: false, readOnly: true, skin: 'whyGreen', dateFmt: 'yyyy-MM' }); }).val(ADate);
                }
                else {
                    ADate = ADateNow + "-" + now.getDate();
                    $("#txtStartTime").focus(function () { WdatePicker({ isShowClear: false, readOnly: true, skin: 'whyGreen', dateFmt: 'yyyy-MM-dd' }); }).val(ADate);
                    $("#txtEndTime").focus(function () { WdatePicker({ isShowClear: false, readOnly: true, skin: 'whyGreen', dateFmt: 'yyyy-MM-dd' }); }).val(ADate);
                }

            }).change();

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • winform CheckedListBox实现全选/全不选

    /全选 private void button3_Click(object sender, EventArgs e) { ...

    hbbliyong
  • nodejs配置简单HTTP服务器

    1.介绍 http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.  如果你不想重复的写 nodeJs 的 web-server....

    hbbliyong
  • JavaScript 调试小技巧

    ‘debugger;’ 除了console.log,debugger就是另一个我很喜欢的快速调试的工具,将debugger加入代码之后,Chrome会自动在插入...

    hbbliyong
  • 使用TestServer测试ASP.NET Core API

    今儿给大家分享下,在ASP.NET Core下使用TestServer进行集成测试,这意味着你可以在没有IIS服务器或任何外部事物的情况下测试完整的Web应用程...

    喝茶去
  • Nodejs学习笔记(十六)--- Pomelo介绍&入门

    前言&介绍 Pomelo:一个快速、可扩展、Node.js分布式游戏服务器框架 从三四年前接触Node.js开始就接触到了Pomelo,从Pomelo最...

    Porschev
  • HR面的6道题,如何才能完美回答?

    每当自己的简历得到反馈,被HR通知面试,这种感觉一定非常好。感觉已经妥妥的,明天就能准备入职了~

    zz_jesse
  • html & CSS & JavaScript的学习

    silentcow
  • php+ajax实现文件切割上传功能示例

    本文实例讲述了php+ajax实现文件切割上传功能。分享给大家供大家参考,具体如下:

    砸漏
  • 几种web并行化编程实现

    当网站做到一定规模的时候,web单个页面需要涉及到的业务也会越来越多,每个页面可能会向后端发起几个、十几个甚至几十个请求。对于java、python之类的支持多...

    后端技术探索
  • 使用MEF实现通用参数设置

      通用后台管理系统必备功能模块包含日志管理,权限管理,数据字典,参数配置等功能。参数设置主要用于设置系统运行所需的一些基础性配置项,比如redis缓存,mq消...

    用户1168362

扫码关注云+社区

领取腾讯云代金券