当在js里点击radio的时候,会生成一个text和添加按钮,再点击生成的添加按钮的话,就会生成一个text和删除按钮。 但我点击好几次radio之后,再点击添加按钮的话,就会生成很多个text和删除按钮(之前点击几次radio,就生成几个),可能因为JS里触发了radio事件导致,怎么才能不管radio点击多少次,只要点击一次添加按钮的话,只生成一个text和删除按钮php代码
<form name="userinfo" method="post" action="" enctype="multipart/form-data" onsubmit="return false;" >
<input type="hidden" name="user_seq" value="{user.user_seq}" />
<input type="hidden" name="has_user_login_id" value="{user.has_user_login_id}" />
<span class="bigtitle"><input type = "text" name="big_title" value=""></span>
<div id="use_flag">
<input type="checkbox" name="use_flag" value="">使用与否
</div>
<fieldset>
<legend>New info</legend>
<table class="formTable">
<tbody>
<tr>
<th><input type="checkbox">{=_('标题')}</th>
<td colspan="3" class="length"><input type="text" name="title" value="" ></td>
</tr>
<tr>
<th>{=_('内容')}</th>
<td colspan="3">
<input type="radio" id="textbox" name="select" value="1"> Textbox
<input type="radio" id="radio" name="select" value="2"> radio button
<input type="radio" id="checkbox" name="select" value="3"> checkbox
<br>
</td>
</tr>
</tbody>
</table>
<br>
<div class="edit">
<button class="btn" id="add">继续</button>
</div>
</fieldset>
</form>JS代码
$('#radio').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if(tr_last.find('.btn_radio_opt').length < 1)
{
tr_last.append('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button name="radio_btn_add" class="btn_radio_opt">添加</button></span>');
}
$('.btn_radio_opt').click(function(){
$(this).after('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button name="radio_btn_del" class="btn_radio_del_opt">删除</button></span>');
$('.btn_radio_del_opt').click(function(){
$(this).prev().remove();
$(this).remove();
});
});
});
<form name="userinfo" method="post" action="" enctype="multipart/form-data" onsubmit="return false;" >
<input type="hidden" name="user_seq" value="{user.user_seq}" />
<input type="hidden" name="has_user_login_id" value="{user.has_user_login_id}" />
<span class="bigtitle"><input type = "text" name="big_title" value=""></span>
<div id="use_flag">
<input type="checkbox" name="use_flag" value="">使用与否
</div>
<fieldset>
<legend>New info</legend>
<table class="formTable">
<tbody>
<tr>
<th><input type="checkbox">{=_('标题')}</th>
<td colspan="3" class="length"><input type="text" name="title" value="" ></td>
</tr>
<tr>
<th>{=_('内容')}</th>
<td colspan="3">
<input type="radio" id="textbox" name="select" value="1"> Textbox
<input type="radio" id="radio" name="select" value="2"> radio button
<input type="radio" id="checkbox" name="select" value="3"> checkbox
<br>
</td>
</tr>
</tbody>
</table>
<br>
<div class="edit">
<button class="btn" id="add">继续</button>
</div>
</fieldset>
</form>JS代码
$('#radio').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if(tr_last.find('.btn_radio_opt').length < 1)
{
tr_last.append('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button name="radio_btn_add" class="btn_radio_opt">添加</button></span>');
}
$('.btn_radio_opt').click(function(){
$(this).after('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button name="radio_btn_del" class="btn_radio_del_opt">删除</button></span>');
$('.btn_radio_del_opt').click(function(){
$(this).prev().remove();
$(this).remove();
});
});
});
解决方案 »
- 深夜发帖,有点灵异
- 访问http://my.show100.cn/dp/clientlogin.php?p=0006bffd83daa51a&e=henry_chn@hotmail
- 求教一个基础问题
- 关于获取列表框的值 用什么函数?
- php的imagick插件怎么创建半透明渐变?
- 求助 cannot reclare的问题
- Delphi for PHP
- 如何接收含有&的变量
- 急救!怎么样使子页面的内容在改变后,父页面的内容自动刷新一次?子页面为弹出窗口
- [请教高手]数据集回写到数据库的一个问题
- 问一个基础性问题,PHP===号的具体用法以及与==的区别
- mysql查询中,用户输入内容是百分号%时,会查询出所有的数据,请问怎么解决?
JS所有代码如下
(function($){
$(document).ready(function(){
var flag = true;
var title = $('input[name=title]');
$('#textbox').click(function(){
$(this).parent().find('input[type="text"]').remove();
$(this).parent().find('button').remove();
});
$('#radio').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if(tr_last.find('.btn_radio_opt').length < 1)
{
tr_last.append('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button name="radio_btn_add" class="btn_radio_opt">添加</button></span>');
}
$('.btn_radio_opt').click(function(){
$(this).after('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button name="radio_btn_del" class="btn_radio_del_opt">删除</button></span>');
$('.btn_radio_del_opt').click(function(){
$(this).prev().remove();
$(this).remove();
});
});
});
$('#checkbox').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if($(tr_last).find('.btn_checkbox_opt').length < 1)
{
$(tr_last).append('<span style="display:block;margin-top:5px"><input type="text" name="checkbox" value=""><button name="chk_btn_add" class="btn_checkbox_opt">添加</button></span>');
}
$('.btn_checkbox_opt').click(function(){
$(this).after('<span style="display:block;margin-top:5px"><input type="text" name="checkbox" value=""><button name="chk_btn_del" class="btn_chk_del_opt">删除</button></span>');
$('.btn_chk_del_opt').click(function(){
$(this).prev().remove();
$(this).remove();
});
}); });
$('#add').click(function(){
if($('.formTable tbody tr').eq(0).find('input[type=text]').val() == "")
{
alert('请输入标题!');return;
}
else
{
if($('.formTable tbody tr').eq(1).find('input[type=radio]:checked').length!= 0)
{
var tr_last = $('.formTable tbody tr:last');
$(tr_last).after($('.formTable tbody tr').eq(1).clone()).after($('.formTable tbody tr').eq(0).clone()); $('.formTable tbody tr').eq(0).find(':input[type=text]').val("");
$('.formTable tbody tr').eq(1).find('.btn_radio_opt').remove();
$('.formTable tbody tr').eq(1).find('.btn_radio_del_opt').remove();
$('.formTable tbody tr').eq(1).find('.btn_chk_del_opt').remove();
$('.formTable tbody tr').eq(1).find('.btn_checkbox_opt').remove();
$('.formTable tbody tr').eq(1).find(':text[name="radio"]').remove();
$('.formTable tbody tr').eq(1).find(':text[name="checkbox"]').remove();
$('.formTable tbody tr').eq(1).find('input:radio').each(function(){
var oldname = $(this).attr("name");
$(this).attr("name",oldname+"a");
});
$('.formTable tbody tr').eq(1).find('input:text').each(function(){
var textname = $(this).attr("name");
$(this).attr("name",textname+"a");
});
、
$('.formTable tbody tr').eq(0).find('input:text').each(function(){
var title = $(this).attr("name");
$(this).attr("name",title+"a");
});
$('.formTable tbody tr').eq(1).find('button').each(function(){
var btn = $(this).attr("name");
$(this).attr("name",btn+"a");
});
}
else
{
alert('请输入内容格式');return;
}
} });
$('#popup>thead>tr>td>span>a.save').click(function(){
var frm = $('form[name=userinfo]');
var url = '/hr/survey/insert';
if($(frm).find(':hidden[name=user_seq]').val() > 0)
{
url = '/hr/survey/update';
}
$(frm).attr('action', url);
$(frm).submit();
});
});
})(jQuery);
或者弄个div 把添加的text 和 button 添加到里面 每次点击添加前先清空.然后再添加也可以嘛...
var tr_last = $('.formTable tbody tr td').eq(1);
if(tr_last.find('.btn_radio_opt').length < 1)
{
tr_last.append('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button name="radio_btn_add" class="btn_radio_opt">添加</button></span>');
}
$('.btn_radio_opt').click(function(){
$('#radioid').remove();
$(this).after('<div id="radioid"><span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button name="radio_btn_del" class="btn_radio_del_opt">删除</button></span></div>');
$('.btn_radio_del_opt').click(function(){
$(this).prev().remove();
$(this).remove();
});
});
});
$(document).ready(function(){
var flag = true;
var title = $('input[name=title]');
$('#textbox').click(function(){
$(this).parent().find('input[type="text"]').remove();
$(this).parent().find('button').remove();
});
$('#radio').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if(tr_last.find('.btn_radio_opt').length < 1)
{
tr_last.append('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button name="radio_btn_add" class="btn_radio_opt">추가</button></span>');
}
$('.btn_radio_opt').click(function(){
$(".radioid:not(':first')").remove();
$(this).after('<div class="radioid"><span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button name="radio_btn_del" class="btn_radio_del_opt">삭제</button></span></div>');
$('.btn_radio_del_opt').click(function(){
$(this).prev().remove();
$(this).remove();
});
});
});
$('#checkbox').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if($(tr_last).find('.btn_checkbox_opt').length < 1)
{
$(tr_last).append('<span style="display:block;margin-top:5px"><input type="text" name="checkbox" value=""><button name="chk_btn_add" class="btn_checkbox_opt">추가</button></span>');
}
$('.btn_checkbox_opt').click(function(){
$(this).after('<span style="display:block;margin-top:5px"><input type="text" name="checkbox" value=""><button name="chk_btn_del" class="btn_chk_del_opt">삭제</button></span>');
/*****************************************************************************************************/
$('.btn_chk_del_opt').click(function(){
$(this).prev().remove();
$(this).remove();
});
/*****************************************************************************************************/
}); });
$('#add').click(function(){
if($('.formTable tbody tr').eq(0).find('input[type=text]').val() == "")
{
alert('请输入标题!');return;
}
else
{
if($('.formTable tbody tr').eq(1).find('input[type=radio]:checked').length!= 0)
{
var tr_last = $('.formTable tbody tr:last');
$(tr_last).after($('.formTable tbody tr').eq(1).clone()).after($('.formTable tbody tr').eq(0).clone());
/*****************************************************************************************************/
$('.formTable tbody tr').eq(0).find(':input[type=text]').val("");
$('.formTable tbody tr').eq(1).find('.btn_radio_opt').remove();
$('.formTable tbody tr').eq(1).find('.btn_radio_del_opt').remove();
$('.formTable tbody tr').eq(1).find('.btn_chk_del_opt').remove();
$('.formTable tbody tr').eq(1).find('.btn_checkbox_opt').remove();
$('.formTable tbody tr').eq(1).find(':text[name="radio"]').remove();
$('.formTable tbody tr').eq(1).find(':text[name="checkbox"]').remove();
/*****************************************************************************************************/
$('.formTable tbody tr').eq(1).find('input:radio').each(function(){
var oldname = $(this).attr("name");
$(this).attr("name",oldname+"a");
});
/*****************************************************************************************************/
$('.formTable tbody tr').eq(1).find('input:text').each(function(){
var textname = $(this).attr("name");
$(this).attr("name",textname+"a");
});
/*****************************************************************************************************/
$('.formTable tbody tr').eq(0).find('input:text').each(function(){
var title = $(this).attr("name");
$(this).attr("name",title+"a");
});
/*****************************************************************************************************/
$('.formTable tbody tr').eq(1).find('button').each(function(){
var btn = $(this).attr("name");
$(this).attr("name",btn+"a");
});
/*****************************************************************************************************/
}
else
{
alert('请输入内容格式');return;
}
} });
$('#popup>thead>tr>td>span>a.save').click(function(){
var frm = $('form[name=userinfo]');
var url = '/hr/survey/insert';
if($(frm).find(':hidden[name=user_seq]').val() > 0)
{
url = '/hr/survey/update';
}
$(frm).attr('action', url);
$(frm).submit();
});
});
})(jQuery);