下面的代码写着写着被绕进去了,不知道该怎么写下去了,请各位大侠帮忙看一下

kofthejamy 2011-08-26 10:16:57
我想要的结果是 写入标题,选择Textbox或radio或checkbox中的一个,当点击radio的时候下面出来一个text和旁边的添加按钮,点击添加按钮就会在下面出来另一个text和旁边的删除按钮,以此类推。checkbox也一样。点击textbox就只要被选中即可,不用下面显示textarea。 然后点击下面的继续按钮的话,会出来一个新的标题和内容(与刚开始没有选择和输入标题的代码一样的代码),以此类推。但我写到下面的代码之后却不知道该怎么写下去了,请各位帮我看看,谢谢

html代码
<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>

JS代码
(function($){
$(document).ready(function(){

var flag = true;
var title = $(':input[name=title]');

$('#textbox').click(function(){

});

$('#radio').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if($(this).find('.btn_radio_opt').length < 1)
{
$(tr_last).append('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button 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 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($(this).find('.btn_checkbox_opt').length < 1)
{
$(tr_last).append('<span style="display:block;margin-top:5px"><input type="text" name="checkbox" value=""><button 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 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(':text[name="title"]').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");
});
/*****************************************************************************************************/
}
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);
...全文
53 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
kofthejamy 2011-08-27
  • 打赏
  • 举报
回复
up and help please~!
kofthejamy 2011-08-26
  • 打赏
  • 举报
回复
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 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 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 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 class="btn_chk_del_opt">삭제</button></span>');
/*****************************************************************************************************/
$('.btn_chk_del_opt').click(function(){
$(this).prev().remove();
$(this).remove();
});
/*****************************************************************************************************/
});
});

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧