Jquery设置按钮的样式和获取值

原创 2018年04月17日 10:29:07
                                                    <div class="col-sm-6" id="nav">
                                                                <ul>
                                                                <!-- 获取选择的值 -->
                                                                    <li class="btn btn-primary" id="threeId" value="3">近3天</li>
                                                                    <li class="btn  "  id="sevenId" value="7">近7天</li>
                                                                    <!-- <li class="btn" id="zhiId">自定义</li> -->
                                                                </ul>

                                                        </div>


  
  //取前n天的时间
  function chgDate(val)
  {
 var gapDate=new Date().getTime()-val*24*60*60*1000;
 var oldDate=new Date(gapDate);
 var newDate={
 Y:oldDate.getFullYear()+"-",
 M:(oldDate.getMonth()+1)<10?"0"+(oldDate.getMonth()+1+"-"):(oldDate.getMonth()+1+"-"),
D:(oldDate.getDate())<10?"0"+(oldDate.getDate()+""):(oldDate.getDate()+""),
 }
 var useDate=newDate.Y+newDate.M+newDate.D;
 return useDate;
  }
  var navzhi="3";//全局变量
  //改变样式
  $(function(){
  $("#nav  li").click(function(){
  $("#nav li").eq($(this).index()).addClass("btn-primary").siblings().removeClass("btn-primary");
   navzhi= $(this).val();//获取选中的值
  console.log($(this).val());
  })
  })   
  
  //判断指定变量是否为空,如果为空则返回true
  function isSpace(val){
  if(typeof(val)=="number"&&val==0)  return false;
      if(!val||val=="null"||val=="undefined"||val.length<=0) return true;
      return false;
  };
  //点击查询按钮
  $("#dataBtnTime").click(function(){
 //获取选择按钮的值
// if(isSpace(navzhi))
// {
if(navzhi==3)
{
console.log(chgDate(navzhi));
console.log(chgDate(0));
modlZheInit(chgDate(navzhi),chgDate(0));
}else if(navzhi==7 )
{
console.log(chgDate(navzhi));
console.log(chgDate(0));
modlZheInit(chgDate(navzhi),chgDate(0));
}
// }
 
 
  })

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ruiguang21/article/details/79971074

《与熊共舞》第一章--逆“风”而行

 逃避风险就等于举旗投降。在过去,如果恰好遇到一个看来全无风险的项目,你也许会把这看作一次愉快的享受(slam dunk),或许还会感谢你的幸运星给了你这样一个轻松的项目。我们也曾有这样的反应——多么...
  • zdg
  • zdg
  • 2004-02-23 18:51:00
  • 2458

如何设置Jquery UI dialog 中的button为disable变灰或者更改button样式

页面上的相应代码如下:     保存/放弃已添加的数据. xx.js 代码如下, function InitializeEditResultDialog() {     $("#p...
  • li_gf
  • li_gf
  • 2012-05-23 14:38:18
  • 10579

jquery改变多个按钮颜色

按钮1 按钮2 按钮3 按钮4 按钮5 //console.log('good'); //根据 按钮1 的data-role='triggler'事件触发 $("[data-role='trigge...
  • ling811
  • ling811
  • 2013-12-20 17:15:17
  • 2434

jquery 点击按钮切换样式on方法使用

$('.teaching .tab a').on('click',function(){ $(this).siblings().removeClass('cur') $(this).addCl...
  • shaka0
  • shaka0
  • 2014-05-19 17:06:33
  • 2513

jquery 设置输入框背景样式透明,按钮背景样式保存不变

$("document").ready(function(){   $(":input").css("background-color","transparent");   $(":button"...
  • tz_gx
  • tz_gx
  • 2014-03-27 19:27:45
  • 832

JQuery UI Dialog的样式设置问题

最近在用一个JQUERY UI Dialog的插件,感觉特别强大,但样式设置比较麻烦,研究了俩天终于搞定了。   运行插件,需要的环境如下           jquery.ui.a...
  • fox123871
  • fox123871
  • 2012-09-02 12:40:18
  • 16494

jQuery实现单击变换样式

jQuer实现点击变换样式 *{margin: 0;padding: 0;} ul{width: 700px;margin:200px auto;} ul li{display:inline...
  • qq_31819393
  • qq_31819393
  • 2016-12-26 16:03:46
  • 1523

jQuery Mobile的按钮css样式的类定义

类名 所属标签层级 含义 其他说明 ui-btn 1级,最外层 按钮公共样式,如手形,文字居中,块状显示等   ui-btn-inlin...
  • jlx1986
  • jlx1986
  • 2014-05-19 18:42:38
  • 1628

设置dialog中的button为置灰、隐藏以及更改button样式

var dialogName = $("#table_form_box_dialog"); var dialogButton = dialogName.siblings(".ui-dialog-but...
  • jiaruochao
  • jiaruochao
  • 2018-01-30 16:03:39
  • 506

JQuery上传插件Uploadify详解及其中文按钮解决方案

网上找了一天,大家都说Uploadify唯一的缺点就是不支持中文按钮,杯具之前,我看了下Uploadify的API,才发现了几个参数没被大家提及的,这正是解决此问题的关键。(以后坚决养成没事就看API...
  • hutao1101175783
  • hutao1101175783
  • 2013-09-17 14:27:33
  • 9045
收藏助手
不良信息举报
您举报文章:Jquery设置按钮的样式和获取值
举报原因:
原因补充:

(最多只允许输入30个字)