JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值-阿里云开发者社区

开发者社区> 涂作权> 正文

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
[喵咪Redis]Redis配置文件和主从设置
上一节已经介绍了redis的基本使用也运行起来了redis,本节来进一步了解一下redis的配置,以及怎么配置主从关系,主从关系配置好了我们的redis就可以以一个集群的方式运行了.那么话不多说,就和笔者来进一步了解redis把!
125 0
Jquery 获取和设置元素属性值
Jquery 获取和设置元素属性值 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循“署名-非商业用途-保持一致”创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS、Android、Html5、Arduino、pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。
1047 0
ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
在ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码: 让Div自适应是一个比较常见的需求,可是这种需求在ie下是默认的,但在firefox下就不是默认的了,因为这两者的内容实现不是一样的,所以常常是满足这个浏览器,另一个浏览器又不满足了! 给需要自适...
576 0
jquery ajax超时设置
jquery ajax超时设置 var ajaxTimeoutTest = $.ajax({   url:'', //请求的URL   timeout : 1000, //超时时间设置,单位毫秒   type : 'get', //请求方式,get或post   data :{}, //请求...
996 0
win8怎么设置wifi热点共享
Win8共享wifi热点如何设置?大家都知道win7系统可以实现wifi热点共享,那么win8应该也能实现wifi热点共享,那么如何设置win8不需要任何软件只需要对电脑进行设置就可以共享无线上网。
899 0
WPF中设置TEXTBOX为多行文本输入框
WPF中没有textarea的东西,不像在ASP.NET中设置textbox那样设置一个多行属性就可以变成文本域,虽然可以使用ricktextbox实现多行文本输入,但是richtextbox比较复杂,面对简单的多行文本输入的时候太麻烦了点,但是WPF的textbox依然可以通过设置属性实现像textarea一样的多行文本输入。
1036 0
+关注
涂作权
java,架构,编程语言相关专家
1234
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载