有关下拉列表、复选框、单选按钮、iframe等jquery处理方法

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，指定target为iframe：
 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 οnclick="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方法：

window.opener引用的是window.open打开的页面的父页面，是对弹出窗口的父窗口的引用，可直接调用父页面JS，代码如下：
if(window.opener && !window.opener.closed){
  window.opener.parentJS();  
  window.opener.document.getElementById('id').value = "value";
}

window.parent获取一个框架的父窗口或父框架，顶层框架引用它本身

 

转载于:https://www.cnblogs.com/baifeilong/p/3488537.html