您的位置:首页 > Web前端 > JQuery

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('');
      }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery checkbox