有关下拉列表、复选框、单选按钮、iframe等jquery处理方法
//验证复选框中的互斥选项
function checkData(name, val1, val2){
//获取所有checkbox值
var checkbox= document.getElementsByName(name);
var flag = 0;
for(var i=0;i<checkbox.length;i++){
//判断是否选中
if(checkbox[i].checked == true){
if(checkbox[i].value == val1 || checkbox[i].value == val2){
flag++;
}
}
}
return flag;
}
//验证复选框中的互斥选项JQuery
function checkData(name, val1, val2){
//获取被选中的checkbox值
var checkbox= $("input[name='"+ name +"']:checked");
var flag = 0;
for(var i=0;i<checkbox.length;i++){
if(checkbox[i].value == val1 || checkbox[i].value == val2){
flag++;
}
}
return flag;
}
2、iframe定时刷新高度,代码如下:
<script type="text/javascript">
//动态刷新,设置iframe的高度
function reinitIframe(iframeName){
var iframe = document.getElementById(iframeName);
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height=height;
}catch (ex){}
}
//每200毫秒
window.setInterval("reinitIframe('mainResultFrame')",200); //window.setInterval()是循环的执行指定的方法,循环的间隔是指定的时间段,然后通过window.clearInterval()方法清除循环执行。 </script>
3、iframe提交父页面form并指定target为iframe,代码如下:
父页面使用iframe,指定target为iframe:
<form method="post" action="${Context}/admin/qkry.do?method=list" target="mainResultFrame">
<iframe id="mainResultFrame" name="mainResultFrame" marginwidth="0" marginheight="0"
src="${Context}/common/jsp/about.jsp" allowTransparency="true" frameborder="0" width="100%" scrolling="no"></iframe> iframe页面中的按钮提交父页面form表单:
function submitForm(url){
parent.document.forms[0].action=url;
parent.document.forms[0].submit();
}
4、window.open指定target:
onclick="window.open('${Context}/admin/ajyj.do?method=search','centerFrame')"
5、获取下拉列表value及text:
//获取value
$("#id").val(); //获取text
$("#id option:selected").text();
6、获取单选按钮值:
$("input[name='name']:checked").val();
7、所有target="_blank"的超链接方式、window.open方式打开的子页面调用父页面JS方法:
window.opener引用的是window.open打开的页面的父页面,是对弹出窗口的父窗口的引用,可直接调用父页面JS,代码如下:
if(window.opener && !window.opener.closed){
window.opener.parentJS();
window.opener.document.getElementById('id').value = "value";
} window.parent获取一个框架的父窗口或父框架,顶层框架引用它本身
有关下拉列表、复选框、单选按钮、iframe等jquery处理方法的更多相关文章
- 复选框批量删除操作-jquery方式
1.首先在页面添加一个批量删除的按钮:<li class="btns"><input id="deleteSubmit" class=&quo ...
- js 获取单选框和复选框的值和js dom方法给单选框和多选框赋值
获取单选框框值的方法 function getRadioRes(Name){ var rdsObj = document.getElementsByName(Name); var checkVal = ...
- jQuery取复选框值、下拉列表里面的属性值、取单选按钮的属性值、全选按钮、JSON存储、*去空格
1.jquery取复选框的值<!--引入jquery包--> <script src="../jquery-1.11.2.min.js"></scri ...
- 关于我们的Jquery操作下拉列表和复选框,自定义下拉
后半部分还有自定义下拉列表和开灯关灯的效果,可以进来来看一下 哦 如果网页有下拉列表和复选框,看一下Jquery怎么来操作他们,主要怎么来选取他们的数据,怎么设置某一项选中 先来看个下拉列表 < ...
- Jquery操作下拉列表和复选框,自定义下拉
后半部分还有自定义下拉列表和开灯关灯的效果,可以进来来看一下 哦 如果网页有下拉列表和复选框,看一下Jquery怎么来操作他们,主要怎么来选取他们的数据,怎么设置某一项选中 先来看个下拉列表 < ...
- [ PyQt入门教程 ] PyQt5基本控件使用:单选按钮、复选框、下拉框
本文主要介绍PyQt5界面最基本使用的单选按钮.复选框.下拉框三种控件的使用方法进行介绍. 1.RadioButton单选按钮/CheckBox复选框.需要知道如何判断单选按钮是否被选中. 2.Com ...
- 【jQuery】对于复选框操作的attr与prop
这个是在jQuery1.6版本号之后出现的鬼东西.受影响的主要有下拉列表select与复选框checkbox.众所周知.在jQuery中能够用attr()取出节点的属性,然而对于checkbox却不是 ...
- 自定义实现 PyQt5 下拉复选框 ComboCheckBox
一.前言 由于最近的项目需要具有复选功能,但过多的复选框会影响界面布局和美观,因而想到把 PyQt5 的下拉列表和复选框结合起来,但在 PyQt5 中并没有这样的组件供我们使用,所以想要自己实现一个下 ...
- 制作复选框(Toggle)
怎样判断是否应当使用复选框 复选框,就是对一个选项做上一个标记,表示这个选项已经被选中了.在游戏中,复选框一般用来做一些选项的控制,这种选项一般都只有两种答案:是和否.例如,单击一下开启音乐的复选框, ...
- php一些单选、复选框的默认选择方法(示例)
转载 http://www.php.cn/php-weizijiaocheng-360029.html 一. radio和checkbox及php select默认选择的实现代码 1.radio单选框 ...
随机推荐
- Day2下午解题报告
预计分数:100+100+30=230 实际分数:100+100+30=230人品爆发&&智商爆发&&手感爆发 T3数据好水,,要是把数组开大一点的话还能多得10分,, ...
- SPOJ 3899. Finding Fractions 连分数
连分数乱搞,我反正是一眼没看出结果 某巨巨把这题讲解的比较详细 : http://blog.csdn.net/gogdizzy/article/details/8727386 令k = [a/b] 然 ...
- vue移动端上拉加载更多
LoadMore.vue <template> <div class="load-more-wrapper" @touchstart="touchSta ...
- BZOJ1396: 识别子串(后缀自动机,线段树)
Description Input 一行,一个由小写字母组成的字符串S,长度不超过10^5 Output L行,每行一个整数,第i行的数据表示关于S的第i个元素的最短识别子串有多长. Sample I ...
- 【2017"百度之星"程序设计大赛 - 初赛(B)】度度熊的交易计划
[链接]点击打开链接 [题意] 在这里写题意 [题解] 先设一个超级源点,向每个片区都建一条边,容量为b,费用为-a; 然后从每个片区再连一条边,指向一个超级汇点. 容量为d,费用为c; 然后从起点到 ...
- 阻止事件冒泡js jquery
jQuery之防止冒泡事件 冒泡事件就是点击子节点,会向上触发父节点.祖先节点的点击事件. 以下是html代码部分: <body> <div id="content&quo ...
- 深度学习 Deep Learning UFLDL 最新Tutorial 学习笔记 3:Vectorization
1 Vectorization 简述 Vectorization 翻译过来就是向量化,各简单的理解就是实现矩阵计算. 为什么MATLAB叫MATLAB?大概就是Matrix Lab,最根本的差别于其它 ...
- (错误记录)git push 报错 403
在push的时候遇到错误: RPC failed; HTTP curl The requested URL returned error: Forbidden 如果是自己创建的项目的话,可以在网上找到 ...
- Vue 拖拽组件 vuedraggable 和 awe-dnd
vuedraggable:https://www.npmjs.com/package/vuedraggable awe-dnd:https://www.npmjs.com/package/awe-dn ...
- Linux学习总结(4)——Centos6.5使用yum安装mysql——快速上手必备
第1步.yum安装mysql [root@stonex ~]# yum -y install mysql-server 安装结果: Installed: mysql-server.x86_6 ...