有关下拉列表、复选框、单选按钮、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获取一个框架的父窗口或父框架,顶层框架引用它本身
上一篇:jQuery选取所有复选框被选中的值并用Ajax异步提交数据


下一篇:markdown语法学习效果预览