博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值...
阅读量:6970 次
发布时间:2019-06-27

本文共 2008 字,大约阅读时间需要 6 分钟。



一、复选框设置参数

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

转载地址:http://zfpsl.baihongyu.com/

你可能感兴趣的文章
不可变数组和可变数组
查看>>
Poj(2253),Dijkstra松弛条件的变形
查看>>
Poj(2195),最小费用流,SPFA
查看>>
shell编程系列4--有类型变量:字符串、只读类型、整数、数组
查看>>
WP开发笔记——去除 HTML 标签
查看>>
Json数据序列化对象,及对象序列化为Json格式
查看>>
vue.js的事件绑定与监听
查看>>
ipad%E5%A3%81%E7%BA%B81-1000x288.jpg
查看>>
浏览器兼容之旅的第一站:如何创建条件样式
查看>>
docker swarm英文文档学习-5-在swarm模式中运行Docker引擎
查看>>
利用NX Open在NX中创建点并获取点的坐标信息在listing_windows中输出
查看>>
【Erlang新手成长日记】JSON编码与解码
查看>>
Linux下安装tomcat和jdk
查看>>
实验四+065+方绎杰
查看>>
js中函数作用域,作用域链,变量提升
查看>>
c/c++ sizeof运算符详解以及对象大小
查看>>
HDU2046 骨牌铺方格【递推】
查看>>
第二个spring,第一天
查看>>
问题集录--从初级java程序员到架构师,从小工到专家
查看>>
CSS3自定义滚动条样式 -webkit-scrollbar(转)
查看>>