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下拉框组件时获取改变之前的值
目前项目中有一个场景,就是表格中显示下拉框,并且下拉框的值可以更改,更改后提交后台更新.因为这个操作比较重要,所以切换时会有一个提示框,提示用户是否修改,是则走提交逻辑,否则直接返回,什么也不做. 之 ...
随机推荐
- JAVA 面试基础
经典的Java基础面试题________________________________________________________________________________________ ...
- python 常用镜像
pip镜像https://pypi.tuna.tsinghua.edu.cn/simplehttps://pypi.douban.io.com/simple pip install python-qt ...
- JVM三种垃圾收集算法思想及发展过程
JVM垃圾收集算法的具体实现有很多种,本文只是介绍实现这些垃圾收集算法的三种思想和发展过程.所有的垃圾收集算法的具体实现都是遵循这三种算法思想而实现的. 1.标记-清除算法 标记-清除(Mark-Sw ...
- Android Studio精彩案例(四)《DrawerLayout使用详解仿网易新闻客户端侧边栏 》
转载本专栏文章,请注明出处,尊重原创 .文章博客地址:道龙的博客 为了提高兴趣,咱们开头先看看最终要实现什么样的效果: 侧拉菜单在Android应用中非常常见,它的实现方式太多了,今天我们就说说使用G ...
- HDFS基本原理及数据存取实战
---------------------------------------------------------------------------------------------------- ...
- Android艺术开发探索第四章——View的工作原理(下)
Android艺术开发探索第四章--View的工作原理(下) 我们上篇BB了这么多,这篇就多多少少要来点实战了,上篇主席叫我多点自己的理解,那我就多点真诚,少点套路了,老司机,开车吧! 我们这一篇就扯 ...
- Android图表库MPAndroidChart(十三)——简约的底部柱状图
Android图表库MPAndroidChart(十三)--简约的底部柱状图 我们继续上一讲,今天还是说下柱状图,这个图的话应该是用的比较多的,所有拿出来溜溜,先看下效果 我们还是来看下基本实现 一. ...
- Spring基础配置
从毕业到现在我一直从事Android开发,但是对JavaEE一直念念不忘,毕业校招的时候,一个礼拜拿了三个offer,岗位分别是Android.JavaEE和JavaSE,后来觉得Android比较简 ...
- Win7下安装linux虚拟机
关于如何在Win7下搭建linux学习环境,特在此分享下. 一.工具 1.VMware-workstation-full-9.0.0-812388.exe 下载地址:http://pan. ...
- Swift基础之Demo包含刷新,加载,网络请求,MVC
Swift中有一个Alamofire第三方是进行网络请求的,它是AFNetworking的作者写的Swift形式,今天先介绍一下,利用pod导入AFNetworking,SVProgressHUD,M ...