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

1、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获取一个框架的父窗口或父框架，顶层框架引用它本身