一、复选框设置参数

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

JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值...相关推荐

  1. 下拉选数据查询过来的如何设置默认值为空_如何在某些情况下禁止提交Select下拉框中的默认值或者第一个值(默认选中的就是第一个值啦……)...

    群里有个帅哥问了这么个问题,他的下拉框刚进页面时是隐藏起来的,但是是有值的,为啥呢?因为下拉框默认选中了第一个值呗,,, 所以提交数据的时候就尴尬啦,明明没有选,但是还是有值滴.怎么办呢? 一开始看到 ...

  2. jqgrid的动态下拉框实现,并解决不能获取值的问题

    使用jqgrid,要实现在单元格中的动态下拉框,废话不多说,上代码: var gridOption = $("#inLineItemEditList").jqGrid({url: ...

  3. Excel单元格设置成下拉选

    1.以WPS为例,Office也有相关选项,可以设置单个单元格或一列单元格. 2.选择选项卡,"数据"--"有效性","允许"选择" ...

  4. DevExpress的下拉框控件ComboxBoxEdit怎样绑定键值对选项

    场景 DevExpress的下拉框控件ComboBoxEdit控件的使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1028 ...

  5. layui 下拉选择框可以选择但不显示数据值_你想做的quot;基因药物疾病quot;网络数据在这里!...

    点击[医学方]  关注我们 最近有师妹苦恼于某药物作用相关科研课题设计,不知道疾病研究方向,不想清楚应该选择哪些基因进行研究.于是我向她推荐了这个数据库,分分钟解决了她的难题. 无论你是想根据基因,想 ...

  6. 解决phpcms模版设置中不能显示栏目首页模板,栏目列表页模板,内容页模板等下拉菜单选项的问题!...

    第1步:检查相应的模版文件夹中是否有模版文件 一般地,查看目录phpcms/templates/default[模板风格标识]/content 栏目首页模板:以(category_)开头,catego ...

  7. 下拉选框样式html,超酷select选择下拉框美化jQuery插件

    jquery-nice-select是一款轻量级的select下拉选择框美化jQuery插件.该插件可以将原生的select元素转换为自定义样式的下拉选择框,并且在选择时带有很酷的CSS3过渡动画效果 ...

  8. html中日期下拉选怎么设置,html中option标签(下拉列表选项)的详细介绍

    大家好,欢迎关注支持,谢谢!本篇将介绍html中option标签(下拉列表选项)的详细用法,有兴趣的朋友可以了解一下! 在网页中,下拉列表是一种很常见的显示效果,你知道在html源代码中是怎样实现的吗 ...

  9. 搜索页面scroll下拉时候进行刷新,显示更多搜索值

    1.封装扩展scroll.vue功能: 1 //props传值 pullup:{ 2 type:Boolean, 3 default:false 4 } 5 6 7 _initScroll(){ 8 ...

最新文章

  1. ajax 的理论以及需要的常用参数
  2. shell 命令执行结果判断语句
  3. linux 内核链表遍历宏 list_for_each_entry list_for_each_entry_safe
  4. Wince 添加中文字库
  5. 戏说 Windows GDI (1)
  6. 网站备案负责人_三分钟教你如何做好网站备案
  7. 玩转Linux系统用户管理
  8. 精品软件 推荐 DiskGenius专业版 磁盘管理软件 4.7 注册版本分享
  9. 使用内存文件映射MappedByteBuffer读超大文件可能会遇到的问题
  10. 未在本地计算机上注册“microsoft.ACE.oledb.12.0”提供程序 解决方法
  11. 阿里巴巴的26款超神Java开源项目!
  12. linux展示文件最尾部内容 最新,LINUX tailf命令-显示文件的末尾若干行内容
  13. 3500 vocabulary
  14. 12.分布式定时任务(xxl-job)
  15. WordPiece、BPE详解及代码
  16. Matlab之format 设置命令行窗口输出显示格式
  17. 使用批处理解决U盘内出现的同名文件夹EXE病毒问题
  18. 自制 APP Inventor 蓝牙接收数据接收模板 自制遥控小车App的必经之路~
  19. bootstrap框架 基础样式
  20. 开启TX2、Xavier最大性能 Opening the Max performance of TX2、Xavier

热门文章

  1. Js + Css的msn式的popup提示窗口的实现
  2. Confluence 6 查看内容索引概要
  3. 国内四大搜索站长工具
  4. WebService注解
  5. biztalk 2010 映射
  6. Flask之扩展flask-migrate
  7. mysql 全表扫描、全索引扫描、索引覆盖(覆盖索引)
  8. apache配置反向代理以及实现url重写,防盗链
  9. 留意TCP/IP筛选和IP安全策略
  10. maven的仓库:本地和远程