点击前面的checkbox后面出现图片

来源:互联网 发布:云和数据培训 编辑:程序博客网 时间:2024/05/02 02:17

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新建页</title>
<link href="../../css/th1/common/steps.css"rel="stylesheet" type="text/css" />
<link href="../../css/th1/common/creat.css"rel="stylesheet" type="text/css" />
<link href="../../css/th1/Sms/smsConfig.css"rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../js/common/jquery.js"></script>
<script type="text/javascript" src="../../js/common/button.js"></script>
<script type="text/javascript">
 jQuery(function($){
  $('.sms_img').hide();
  $('input.chk').click(function(){
   var smsImg = $(this).parent('td').next('td').find('div.sms_img');
   if(smsImg.css('display')=='none')smsImg.show();
   else smsImg.hide();
  });
 });

</script>
</head>
<body>
<div class="arrow">
    <div class="font">系统管理</div>
    <div class="img"></div>
    <div class="font">**管理</div>
    <div class="img"></div>
    <div class="font">**</div>
</div>
<div class="sms">
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="sms_table">
        <tr class="sms_top">
            <td height="25" colspan="3">短信提醒功能设置</td>
        </tr>
        <tr>
            <td width="30" height="30"><input type="checkbox" class="chk" name="checkbox" value="checkbox" /></td>
            <td><div class="sma_name">客户/客户助手给客户经理发任务,短信提醒客户经理</div><div class="sms_img"></div></td>
        </tr>
        <tr>
            <td width="30" height="30"><input type="checkbox" class="chk" name="checkbox" value="checkbox" /></td>
            <td><div class="sma_name">客户/客户助手给客户经理发任务,短信提醒客户经理</div><div class="sms_img"></div></td>
        </tr>
        <tr>
            <td width="30" height="30"><input type="checkbox" class="chk" name="checkbox" value="checkbox" /></td>
            <td><div class="sma_name">客户/客户助手给客户经理发任务,短信提醒客户经理</div><div class="sms_img"></div></td>
        </tr>
        <tr>
            <td width="30" height="30"><input type="checkbox" class="chk" name="checkbox" value="checkbox" /></td>
            <td><div class="sma_name">客户/客户助手给客户经理发任务,短信提醒客户经理</div><div class="sms_img"></div></td>
        </tr>
  <tr>
            <td width="30" height="30"><input type="checkbox" name="checkbox" class="chk" value="checkbox" /></td>
            <td><div class="sma_name">客户/客户助手给客户经理发任务,短信提醒客户经理</div><div class="sms_img"></div></td>
        </tr>
        <tr>
            <td height="25" colspan="2"><a href="#" class="sms_choice">
                <input type="checkbox" name="checkbox2" value="checkbox" />
            全选</a><a href="#" class="sms_choice">反选</a></td>
        </tr>
    </table>
 <div class="creat_button">
        <input  name="creat_bun" type="button" value="保&nbsp;存" />
        <input name="creat_bun" type="button" value="重&nbsp;置" />
    </div>
</div>
</body>
</html>

原创粉丝点击