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的参数值
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的值的更多相关文章
- Js获取下拉框当前选择项的文本和值
现在有一个Id为AreaId的下拉框,要获取它当前选择项的文本和值有以下方法: <span class="red">* </span> 地 区: ...
- select 下拉框 disabled 则 Form 获取不到值
select 下拉框 disabled 则 Form 获取不到值 有时候需要禁用 下拉框 , 但是表单又需要获取到 下拉框的值. 解决方案1: 使用文本框和隐藏域 来代替下拉框 disabled 解决 ...
- layui select 下拉框 级联 动态赋值 与获取选中值
//下拉框必须在 class="layui-form" 里 不然监听事件没有作用 <div class="layui-form" > <div ...
- jQuery的下拉选select2插件用法
1转自:https://www.jb51.net/article/95561.htm 用了这么久的Select2插件,也该写篇文章总结总结.当初感觉Select2不是特别好用,但又找不到比它更好的下拉 ...
- 01:jQuery的下拉选select2插件用法
1.1 select2插件基本使用 1.下载select2插件 1. 下载地址:https://github.com/select2/select2 2.官网地址:https://select2.or ...
- DevExpress的下拉框控件ComboxBoxEdit怎样绑定键值对选项
场景 DevExpress的下拉框控件ComboBoxEdit控件的使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1028 ...
- 修改select下拉选的默认选中值
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
- C#通过SendMessage发送消息,改变其他程序的下拉框控件(ComboBox)的值
IntPtr cbh= new IntPtr(handle); //ComboBox的句柄 SendMessage(cbh, 0x014D, new IntPtr(-1), "需要选中的下拉 ...
- Vue ElementUI表格table中使用select下拉框组件时获取改变之前的值
目前项目中有一个场景,就是表格中显示下拉框,并且下拉框的值可以更改,更改后提交后台更新.因为这个操作比较重要,所以切换时会有一个提示框,提示用户是否修改,是则走提交逻辑,否则直接返回,什么也不做. 之 ...
随机推荐
- ACM Bee
In Africa there is a very special species of bee. Every year, the female bees of such species give b ...
- django之数据库orm
一.数据库的配置 1 django默认支持sqlite,mysql, oracle,postgresql数据库. <1>sqlite django默认使用sqlite的数据库,默认自带sq ...
- jQuery 遍历 – 祖先
祖先是父.祖父或曾祖父等等. 通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先. 向上遍历 DOM 树 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent() ...
- MYSQL 更新时间自动同步与创建时间默认值共存问题
本文作者:苏生米沿 本文地址:http://blog.csdn.net/sushengmiyan/article/details/50326259 在使用SQL的时候,希望在更新数据的时候自动填充更新 ...
- High Executions Of Statement "delete from smon_scn_time..."
In this Document Symptoms Cause Solution APPLIES TO: Oracle Database - Enterprise Edition - Ve ...
- OpenCV:Mat元素访问方法、性能、代码复杂度以及安全性分析
欢迎转载,尊重原创,所以转载请注明出处: http://blog.csdn.net/bendanban/article/details/30527785 本文讲述了OpenCV中几种访问矩阵元素的方法 ...
- iOS下JS与OC互相调用(一)--UIWebView 拦截URL
最近准备把之前用UIWebView实现的JS与原生相互调用功能,用WKWebView来替换.顺便搜索整理了一下JS 与OC 交互的方式,非常之多啊.目前我已知的JS 与 OC 交互的处理方式: * 1 ...
- 你不可不知的Eclipse快捷键
我们都知道Eclipse是一个深受广大程序员喜爱的编译器,其插件机制更是让人拜服.它之所以这么被人喜爱,除了这些,最重要的是它丰富的快捷键.那么今天,我就来分享一下我平时经常使用的一些快捷键. Ctr ...
- Android的数字选择器NumberPicker-android学习之旅(三十七)
我想说的话 今天晚上我依然在图书馆写博客,其实此刻我的没心激动而忐忑,因为明天就是足球赛的决赛,我作为主力球员压力很大,因对对方很强大,但是那又怎么样.so what...我不会停止写博客的 Numb ...
- J2EE进阶(九)org.hibernate.LazyInitializationException: could not initialize proxy - no Session
org.hibernate.LazyInitializationException: could not initialize proxy - no Session 前言 在<many-to-o ...