代码如下,下面代码中有clone,还有添加内容 等 部分,我该怎么区分这些名字(text,radio,checkbox,Textbox 等)传给其他页面。特别是js代码里clone之后,名字什么的都会一样,这样radio就会在之前的clone出来的名字啥的都一样,所以就在clone出来的radio里进行选择的话,之前选择好的radio就不显示,还有一个就是,当点击radio或者checkbox的时候会新添加text,这些不同的text怎么命名,然后传给下一页?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代码
$('#radio').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if($('.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>');
}
else
{
$(tr_last).append('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button class="btn_radio_opt">삭제</button></span>');
}
});
$('#checkbox').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if($('.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>');
}
else
{
$(tr_last).append('<span style="display:block;margin-top:5px"><input type="text" name="checkbox" value=""><button class="btn_checkbox_opt">삭제</button></span>');
}
});
$('#add').click(function(){
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(':text[name="title"]').val("");
$('.formTable tbody tr').eq(1).find('.btn_radio_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();
//del();
});
<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代码
$('#radio').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if($('.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>');
}
else
{
$(tr_last).append('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button class="btn_radio_opt">삭제</button></span>');
}
});
$('#checkbox').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if($('.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>');
}
else
{
$(tr_last).append('<span style="display:block;margin-top:5px"><input type="text" name="checkbox" value=""><button class="btn_checkbox_opt">삭제</button></span>');
}
});
$('#add').click(function(){
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(':text[name="title"]').val("");
$('.formTable tbody tr').eq(1).find('.btn_radio_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();
//del();
});
var result=document.getElementById('textid').value;
alert(result);
radio:
var obj = document.getElementsByName('radioid'); //各选框的name
for (i=0;i<obj.length;i++){
if (obj[i].checked){
alert(obj[i].value);
return;
}
checkbox:
var boxes = document.getElementsByName("groupTypeId"); //各选框的name
var groupTypeId = new Array();
for (var i = 0; i < boxes.length; i++)
{
if (boxes[i].checked)
{
var groupTypeId[i] = boxes[i].value;
}
}
TextBox:
与text基本一样
有时也可以innerHTML
是不是这个意思??