天天看點

JQuery設定checkbox的值,取checkbox的值,設定radio的值,取radio的值,設定下拉選select的值,取select的值



一、複選框設定參數

html代碼如下:

<div class="flsm_btns">

         <input type="hidden" name="agreeflagvalue" id="agreeflagvalue"

          value="${copyright.agreeflag}"/>

         <input type="checkbox" name="agreeflag" id="agreeflag" />

      <span>

       <a id="low-declare" target="_blank" href="${pagecontext.request.contextpath}/web/law">

       我已閱讀酷漫網相關法律聲明

       </a>

      </span>

     </div>

$(function(){

      var agreeflagvalue = $("#agreeflagvalue").attr("value");

      if(agreeflagvalue != "" && agreeflagvalue == "1") {

          $("#agreeflag").attr("checked",true);

      } else {

          $("#agreeflag").attr("checked",false);

      }

});

擷取checkbox的值,并判斷

console.log(document.getelementbyid("agreeflag").checked);

 var agreeflag = (document.getelementbyid("agreeflag").checked == true) ? 1 : 0;

 if(agreeflag == 0) {

     lock = false;

     alert("對不起,您得先同意酷漫網相關法律聲明才可以釋出版權資訊!");

     $("#low-declare").css("color","red");

 } else {

  lock = true;

  $("#low-declare").css("color","#2d3e53");

 }

二、設定radio的參數值

<div class="upl">

      <div class="uplena">資訊有效期限:</div>

      <div class="upricon mt10">

          <input type="hidden" name="termofvalidityvalue" id="termofvalidityvalue"

           value="${copyright.termofvalidity}"/>

       <div class="checkbox">

        <input type="radio" name="termofvalidity" value="14天"/><span>14天</span>

       </div>

        <input type="radio" name="termofvalidity" value="一個月"/><span>一個月</span>

        <input type="radio" name="termofvalidity" value="無限期"/><span>無限期</span>

      </div>

$(function(){   

     var termofvalidityvalue = $("#termofvalidityvalue").attr("value");

     if(termofvalidityvalue != "") {

         $("input[name='termofvalidity'][value='" + termofvalidityvalue + "']").attr("checked","checked");

     } else {

         $("input[name='termofvalidity'][value!='" + termofvalidityvalue + "']").removeattr("checked");

     }

擷取radio的選中值:

/* 本資訊有效期限 */

 var termofvalidity = $('input[name="termofvalidity"]:checked').val();

三、擷取selected的值

設定選中狀态:

$("#filter_item_con select option:first").attr("selected","selected");

擷取選中值:

var selectedcity = $("#filter_item_con #city option:selected").attr("value");

繼續閱讀