点击按钮
<label><input type="button" value="" class="mentor_botton" s><i class='fa fa-user-md'> 分配导师</i></label>
弹框的样式,蒙版
<div id="mentor_ttt" style="border: 1px #000000 solid;width: 405px;height: 150px;position: absolute; top: 0px; left: 0px; background-color: #FFFFFF; display: none; position: fixed;left: 50%;top:50%;transform:translate(-50%,-50%);white-space: normal;z-index: 100001;">
<input type="submit" value=" " style="background-color: #FFFFFF;border: 0px;height: 35px"><span style="font-weight: 700;">分配导师</span>
<input type="submit" value="X" style="float: right;background-color: #FFFFFF;color: #000000;font-weight: 900;text-align: left;border: 0px" οnclick="$('#ttt').hide();$('#mentor_ttt').hide()">
<div style="margin: 0 20px">
<form action="" {ife 'commission.agent.mentor' $others}action="" method="post"{/if} >
<input type="hidden" name="mentor_id" id="mentor_id" value="" >
{loop $others $item}
<label><input type="radio" name="mentor_name" value="{$item['id']}" >
{$item['name']}</label>
{/loop}
<label><input type="radio" name="mentor_name" value="0" >暂不分配</label>
<input type="submit" name="" value="确定" style="position: absolute;top:80%;left: 40%">
</form>
</div>
</div>
js部分(jquery)
<script>
$(function(){
$('.mentor_botton').click(function(event){
event.stopPropagation();
var id = $(this).parents('tr').attr('data-id');//获取table的第一栏的id的值
$('#mentor_id').val(id);
$('#ttt').show(500);
$('#mentor_ttt').show(500);
});
$(document).click(function(event){
var _con = $('#mentor_ttt'); // 设置目标区域
if(!_con.is(event.target) && _con.has(event.target).length === 0){ // Mark 1
$('#ttt').hide(1000); //淡出消失
$('#mentor_ttt').hide(1000); //淡出消失
}
});
})
</script>
限制文本框的字数
var nametext=$(':input[name=name]').val();
var length=nametext.length;
if(length > 10){
Tip.focus($(':input[name=name]'),'姓名不能超过十个字!');
return false;
}
更多源码,请访问 http://www.erdangjiade.com/source
网页特效下载:http://www.erdangjiade.com/js
更多PHP/Mysql功能:http://www.erdangjiade.com/php
更多原创模板,尽在 http://www.erdangjiade.com/templates
PHP网站开发求职QQ群 368848856