判斷複選框是否被選中,窗口高度

序言:在項目中學到的知識,記下來方便之後使用。css

小知識內容再後續...html

 

判斷複選框是否被選中:jquery

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

jquery判斷寫法:spa

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

 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的樣式的方法:htm

當屏幕大於800時,會調節id爲YHregister的窗口的高度使其達到合適的高度。blog

$(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"); 

      }})
})
相關文章
相關標籤/搜索