判断复选框是否被选中,窗口高度

序言:在项目中学到的知识,记下来方便以后使用。

小知识内容再后续...

 

判断复选框是否被选中:

if($("#regAgreeInput").attr("checked")){
   //被选中  
}else{
    //未被选中
}

jquery判断写法:

在js页加载html方法($("#id").children("span").html("要的文字");)

 if ($("#input_phone").val() == "") {

        $("#regTelError").css("display", "block");//用样式css来控制图标显隐。

        $("#regTelError").children("span").html("请填写手机号码!");//把要加的html用此方法加上。

    } else {

        var re = /^1\d{10}$/     //手机号正则

        if (re.test($("#input_phone").val())) {
           
            $("#regTelError").css("display", "none");

        } else {

            $("#regTelError").css("display", "block");

            $("#regTelError").children("span").html("手机号格式错误!");

        }
    }

一下代码是窗口大小来改变里面id的样式的方法:

当屏幕大于800时,会调节id为YHregister的窗口的高度使其达到合适的高度。

$(function () {
    if ($(window).width() > 800) {
        $('.YHregister').css("margin-top", parseInt($(window).height() - 610) / 2 + "px");
        $(window).resize(function () {
            $('.YHregister').css("margin-top", parseInt($(window).height() - 610) / 2 + "px");
        })
    }
})
$(function(){
    //当屏幕宽度小于900时,样式就改变成
    if(($window).width() < 900){
        //改变
       $(".id").css("display","none"); 

   }else{
        //不改变
        $(".id").css("display","block"); 

    }
   
   $(window).resize(function(){  //在resize里要复制一下上面的if和else

          if(($window).width() < 900){

         $(".id").css("display","none"); 

        }else{

          $(".id").css("display","block"); 

      }})
})

 

posted @ 2016-11-03 13:46  沐阳的夏天  阅读(267)  评论(0编辑  收藏  举报