JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值

简介: 一、复选框设置参数html代码如下:<div class="flsm_btns">         <input type="hidden" name="agreeFlagValue" id="agreeFlagValue"          value="${copyRight.agreeFlag}"/>         <input type="ch


一、复选框设置参数

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的参数值

html代码如下:

<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>
       <div class="checkbox">
        <input type="radio" name="termOfValidity" value="一个月"/><span>一个月</span>
       </div>
       <div class="checkbox">
        <input type="radio" name="termOfValidity" value="无限期"/><span>无限期</span>
       </div>
      </div>
     </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");

目录
相关文章
|
16天前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
30天前
|
JavaScript
jquery给轮播图的第一张设置class样式
jquery给轮播图的第一张设置class样式
9 0
|
3月前
|
JavaScript 索引
jquery操作select(取值,设置选中)
jquery操作select(取值,设置选中)
|
4月前
|
JavaScript
jQuery中如何来获取和设置属性?
jQuery中如何来获取和设置属性?
30 0
|
5月前
|
JavaScript
jQuery数据结构渲染(4):复选框checkbox赋值
jQuery数据结构渲染(4):复选框checkbox赋值
39 1
|
5月前
|
JavaScript
jQuery取消checkbox选中状态
jQuery取消checkbox选中状态
32 0
|
5月前
|
存储 JavaScript 前端开发
Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
42 1
|
5月前
|
JavaScript
jQuery 复选框 checkbox 取值和赋值
jQuery 复选框 checkbox 取值和赋值
|
5月前
|
JavaScript Java
jQuery点击checkbox选择标签到指定的位置
jQuery点击checkbox选择标签到指定的位置
27 0
|
5月前
|
JavaScript
jquery给元素设置属性
jquery给元素设置属性