1、jquery验证复选框互斥选项,代码如下:
  1. //验证复选框中的互斥选项
  2. function checkData(name, val1, val2){
  3. //获取所有checkbox值
  4. var checkbox= document.getElementsByName(name);
  5. var flag = 0;
  6. for(var i=0;i<checkbox.length;i++){
  7. //判断是否选中
  8. if(checkbox[i].checked == true){
  9. if(checkbox[i].value == val1 || checkbox[i].value == val2){
  10. flag++;
  11. }
  12. }
  13. }
  14. return flag;
  15. }
  1. //验证复选框中的互斥选项JQuery
  2. function checkData(name, val1, val2){
  3. //获取被选中的checkbox值
  4. var checkbox= $("input[name='"+ name +"']:checked");
  5. var flag = 0;
  6. for(var i=0;i<checkbox.length;i++){
  7. if(checkbox[i].value == val1 || checkbox[i].value == val2){
  8. flag++;
  9. }
  10. }
  11. return flag;
  12. }

2、iframe定时刷新高度,代码如下:

  1. <script type="text/javascript">
  2. //动态刷新,设置iframe的高度
  3. function reinitIframe(iframeName){
  4. var iframe = document.getElementById(iframeName);
  5. try{
  6. var bHeight = iframe.contentWindow.document.body.scrollHeight;
  7. var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
  8. var height = Math.max(bHeight, dHeight);
  9. iframe.height=height;
  10. }catch (ex){}
  11. }
  12. //每200毫秒
  13. window.setInterval("reinitIframe('mainResultFrame')",200);
  14.  
  15. //window.setInterval()是循环的执行指定的方法,循环的间隔是指定的时间段,然后通过window.clearInterval()方法清除循环执行。
  16.  
  17. </script>

3、iframe提交父页面form并指定target为iframe,代码如下:

  1. 父页面使用iframe,指定targetiframe
  2. <form method="post" action="${Context}/admin/qkry.do?method=list" target="mainResultFrame">
  3. <iframe id="mainResultFrame" name="mainResultFrame" marginwidth="0" marginheight="0"
  4. src="${Context}/common/jsp/about.jsp" allowTransparency="true" frameborder="0" width="100%" scrolling="no"></iframe>
  5.  
  6. iframe页面中的按钮提交父页面form表单:
  7. function submitForm(url){
  8. parent.document.forms[0].action=url;
  9. parent.document.forms[0].submit();
  10. }

4、window.open指定target:

  1. onclick="window.open('${Context}/admin/ajyj.do?method=search','centerFrame')"

5、获取下拉列表value及text:

  1. //获取value
  2. $("#id").val();
  3.  
  4. //获取text
  5. $("#id option:selected").text();

6、获取单选按钮值:

  1. $("input[name='name']:checked").val();

7、所有target="_blank"的超链接方式、window.open方式打开的子页面调用父页面JS方法:

  1. window.opener引用的是window.open打开的页面的父页面,是对弹出窗口的父窗口的引用,可直接调用父页面JS,代码如下:
  2. if(window.opener && !window.opener.closed){
  3. window.opener.parentJS();
  4. window.opener.document.getElementById('id').value = "value";
  5. }
  6.  
  7. window.parent获取一个框架的父窗口或父框架,顶层框架引用它本身

有关下拉列表、复选框、单选按钮、iframe等jquery处理方法的更多相关文章

  1. 复选框批量删除操作-jquery方式

    1.首先在页面添加一个批量删除的按钮:<li class="btns"><input id="deleteSubmit" class=&quo ...

  2. js 获取单选框和复选框的值和js dom方法给单选框和多选框赋值

    获取单选框框值的方法 function getRadioRes(Name){ var rdsObj = document.getElementsByName(Name); var checkVal = ...

  3. jQuery取复选框值、下拉列表里面的属性值、取单选按钮的属性值、全选按钮、JSON存储、*去空格

    1.jquery取复选框的值<!--引入jquery包--> <script src="../jquery-1.11.2.min.js"></scri ...

  4. 关于我们的Jquery操作下拉列表和复选框,自定义下拉

    后半部分还有自定义下拉列表和开灯关灯的效果,可以进来来看一下 哦 如果网页有下拉列表和复选框,看一下Jquery怎么来操作他们,主要怎么来选取他们的数据,怎么设置某一项选中 先来看个下拉列表 < ...

  5. Jquery操作下拉列表和复选框,自定义下拉

    后半部分还有自定义下拉列表和开灯关灯的效果,可以进来来看一下 哦 如果网页有下拉列表和复选框,看一下Jquery怎么来操作他们,主要怎么来选取他们的数据,怎么设置某一项选中 先来看个下拉列表 < ...

  6. [ PyQt入门教程 ] PyQt5基本控件使用:单选按钮、复选框、下拉框

    本文主要介绍PyQt5界面最基本使用的单选按钮.复选框.下拉框三种控件的使用方法进行介绍. 1.RadioButton单选按钮/CheckBox复选框.需要知道如何判断单选按钮是否被选中. 2.Com ...

  7. 【jQuery】对于复选框操作的attr与prop

    这个是在jQuery1.6版本号之后出现的鬼东西.受影响的主要有下拉列表select与复选框checkbox.众所周知.在jQuery中能够用attr()取出节点的属性,然而对于checkbox却不是 ...

  8. 自定义实现 PyQt5 下拉复选框 ComboCheckBox

    一.前言 由于最近的项目需要具有复选功能,但过多的复选框会影响界面布局和美观,因而想到把 PyQt5 的下拉列表和复选框结合起来,但在 PyQt5 中并没有这样的组件供我们使用,所以想要自己实现一个下 ...

  9. 制作复选框(Toggle)

    怎样判断是否应当使用复选框 复选框,就是对一个选项做上一个标记,表示这个选项已经被选中了.在游戏中,复选框一般用来做一些选项的控制,这种选项一般都只有两种答案:是和否.例如,单击一下开启音乐的复选框, ...

  10. php一些单选、复选框的默认选择方法(示例)

    转载 http://www.php.cn/php-weizijiaocheng-360029.html 一. radio和checkbox及php select默认选择的实现代码 1.radio单选框 ...

随机推荐

  1. linux/unix 基本概念的认识(sha-bang 、PPA)

    PPA:Personal Package Archives : Ubuntu: 比如为安装 emacs,需要首先添加某个PPA: sudo add-apt-repository ppa:cassou/ ...

  2. H5+混合移动app

    H5+混合移动app 前言 经过2个多月的艰苦奋斗,app的第一个版本已经快完工了,期间遇到了太多的坑,作为一个喜欢分享的人,我当然不会吝啬分享这爬坑历程.不要问我有多坑,我会告诉你很多,很多.... ...

  3. HTML5的设计目的是为了在移动设备上支持多媒体

    HTML5的设计目的是为了在移动设备上支持多媒体

  4. 对ng-repeat的表格内容添加不同样式:ng-style

    对ng-repeat的表格内容添加不同样式,html代码: <tr ng-repeat="x in tableData"> <td>{{x.networkN ...

  5. CISP/CISA 每日一题 10

    CISA 每日一题(答)一个合理建造的数据仓库应当支持下列三种基本的查询格式: 1.向上溯源和向下溯源——向上溯源是对数据进行总计:向下溯源是将数据进行细化: 2.交叉溯源——通过通用属性访问数据仓库 ...

  6. 【hdu 1533】Going Home

    [链接]http://acm.hdu.edu.cn/showproblem.php?pid=1533 [题意] 一个N*M地图上有相同数量的字符H和字符m,m代表一个 人,H代表一个房子.人到房子的花 ...

  7. 内网使用 IPV6 之 TunnelBroker隧道(6in4)篇

    内网使用 IPV6 之 TunnelBroker隧道(6in4)篇 据非专业网民推测 tunnelbroker isatap 和 6to4  貌似都需要公网,但有网民测试这位大作的方法可行.特别之处是 ...

  8. android-5.1编译配置(van)

    必备文件: archives1211.tgz ubuntu_install_1204.tgz 安装指引: ubuntu_install_1204/readme.txt 工作目录结构: git ├── ...

  9. bootstrap课程8 bootstrap导航条在不同设备上的显示效果如何

    bootstrap课程8 bootstrap导航条在不同设备上的显示效果如何(多去看参考手册) 一.总结 一句话总结:在手机端或者平板端或者显示不够的话就缩起来了.(多去看参考手册) 二.bootst ...

  10. 1.3 Quick Start中 Step 2: Start the server官网剖析(博主推荐)

    不多说,直接上干货! 一切来源于官网 http://kafka.apache.org/documentation/ Step 2: Start the server Step : 启动服务 Kafka ...