checkbox单选效果以及弹窗的初始化和事件
2016-06-06 10:34
609 查看
Jquery中checkbox单选效果
<script
type="text/javascript">
$(function(){
$(':checkbox[name=check_comp]').each(function(){
$(this).click(function(){
if($(this).attr('checked')){
$(':checkbox[name=check_comp]').removeAttr('checked');
$(this).attr('checked','checked');
}
});
});
});
</script>
初始化弹窗内容和事件
//---------------------------弹窗-------------Start//
function
openCompanySelect() {
$.dialog.setting.zIndex =9999;
$.dialog({content: 'url:companyController.do?compSelect', zIndex: 2100, title: '公司列表', lock:
true, width: '800px', height: '600px', opacity: 0.4, button: [
{name: '<t:mutiLanglangKey="common.confirm"/>', callback:callbackCompanySelect, focus:
true},
{name: '<t:mutiLanglangKey="common.cancel"/>', callback:
function (){}}
]}).zindex();
}
function callbackCompanySelect() {
//得到弹出对话框对象
var
iframe = this.iframe.contentWindow;
//得到弹出框里的具体选择的对象
var
ckObj = iframe.$(".chkCompId");//注意使用。尽量避免使用id 获取id对应的所有对象。也就是本来id 应该唯一,若多个id重复,只选择第一个符合的对象。此处使用class
//遍历对象
for(var
i=0;i<ckObj.length;i++){
//对象被选中
if(ckObj[i].checked ==
true){
alert(ckObj[i].value);
$("#companyId").val(ckObj[i].value);
}
}
}
function callbackClean(){
$('#companyId').val('');
}
<script
type="text/javascript">
$(function(){
$(':checkbox[name=check_comp]').each(function(){
$(this).click(function(){
if($(this).attr('checked')){
$(':checkbox[name=check_comp]').removeAttr('checked');
$(this).attr('checked','checked');
}
});
});
});
</script>
初始化弹窗内容和事件
//---------------------------弹窗-------------Start//
function
openCompanySelect() {
$.dialog.setting.zIndex =9999;
$.dialog({content: 'url:companyController.do?compSelect', zIndex: 2100, title: '公司列表', lock:
true, width: '800px', height: '600px', opacity: 0.4, button: [
{name: '<t:mutiLanglangKey="common.confirm"/>', callback:callbackCompanySelect, focus:
true},
{name: '<t:mutiLanglangKey="common.cancel"/>', callback:
function (){}}
]}).zindex();
}
function callbackCompanySelect() {
//得到弹出对话框对象
var
iframe = this.iframe.contentWindow;
//得到弹出框里的具体选择的对象
var
ckObj = iframe.$(".chkCompId");//注意使用。尽量避免使用id 获取id对应的所有对象。也就是本来id 应该唯一,若多个id重复,只选择第一个符合的对象。此处使用class
//遍历对象
for(var
i=0;i<ckObj.length;i++){
//对象被选中
if(ckObj[i].checked ==
true){
alert(ckObj[i].value);
$("#companyId").val(ckObj[i].value);
}
}
}
function callbackClean(){
$('#companyId').val('');
}
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码