Jquery 동적 추가 단추 구현 코드
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function() {
$("#btnMian").click(function() {
// 0 100000 Mapth.random 0 1 100000
var maxNumber = 100000;
var randomNumber = Math.round(maxNumber * Math.random());
// alert(randomNumber);
var s = "";
s += "<table name='" + randomNumber + "' width=\"450\"><tr>";
s += "<td width=\"72\"></td>";
s += "<td width=\"155\" align=\"left\">";
s += "<input type='text' name='m1' /></td>";
s += "<td align=\"left\" width=\"155\"><input type='text' name='m1' /></td>";
s += "<td><a onclick=\"del(" + randomNumber + ")\" style='cursor:pointer'> </a><span style=\"color:red\"></span></td></tr></table>";
var $mm = $(s);
var $parent = $("#mian");
$parent.append($mm);
})
})
function del(aa) {
$("#mian>table[name=" + aa + "]").remove();
}
function checkForm() {
var txtItemName = $("#txtItemName").val();
if (txtItemName.replace(/[\s]/g, '').length < 1) {
$("#lblMess").html(" ");
$("#lblMess").addClass("onBlurClassError");
return false;
}
var txtItemId = $("#txtItemId").val();
if (txtItemId.replace(/[\s]/g, '').length < 1) {
$("#lblMess").html(" ");
$("#lblMess").addClass("onBlurClassError");
return false;
}
var txtUser = $("#txtUser").val();
if(txtUser.replace(/[\s]/g,'').length<1)
{
$("#lblMess").html(" ");
$("#lblMess").addClass("onBlurClassError");
return false;
}
//
var zheng = new RegExp("(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$");
var flag = true;
$("[name='m1']:text").each(function() {
if ($(this).val().replace(/[\s]/g, '').length < 1) {
$("#lblMess").html(" !");
$("#lblMess").addClass("onBlurClassError");
// return false;
flag = false;
}
else {
if (!zheng.test($(this).val())) {
$("#lblMess").html(" !");
$("#lblMess").addClass("onBlurClassError");
//return false
flag = false;
}
}
})
if (flag == false) {
return false;
}
var mian = $("#txtMianInfo").val();
if (mian.replace(/[\s]/g).length < 1) {
$("#lblMess").html(" ");
$("#lblMess").addClass("onBlurClassError");
return false;
}
return true;
}
</script>
html 코드 를 도입 하 십시오
<div id="content">
<table style="width: 450px;">
<tr>
<td class="style1">
</td>
<td class="style2">
<asp:TextBox ID="txtItemName" runat="server"></asp:TextBox>
</td>
<td class="style3">
</td>
<td>
</td>
</tr>
<tr>
<td class="style1">
<asp:Label ID="Label3" runat="server" Text=" :"></asp:Label>
</td>
<td class="style2">
<asp:TextBox ID="txtItemId" runat="server"></asp:TextBox>
</td>
<td class="style3">
</td>
<td>
</td>
</tr>
<tr>
<td class="style1">
<asp:Label ID="Label2" runat="server" Text=" :"></asp:Label>
</td>
<td class="style2">
<asp:TextBox ID="txtUser" runat="server"></asp:TextBox>
</td>
<td class="style3">
</td>
<td>
</td>
</tr>
</table>
<table width="450">
<tr>
<td width="83px">
<asp:Label ID="Label6" runat="server" Text=" :"></asp:Label>
</td>
<td class="style2">
<input id="Text5" name="m1" type="text" />
</td>
<td class="style3">
<input id="Text6" name="m1" type="text" />
</td>
<td>
<input id="btnMian" type="button" value=" " /></td>
</tr>
</table>
<div id="mian" style="width:450px"></div>
<table width="450">
<tr>
<td class="style1">
:
</td>
<td colspan="2" style="text-align: left">
<asp:TextBox ID="txtMianInfo" runat="server" Width="247px"></asp:TextBox>
</td>
<td>
</td>
</tr>
<tr>
<td class="style1">
</td>
<td class="style2" style="text-align:center;">
</td>
<td class="style3">
</td>
<td>
</td>
</tr>
<tr>
<td class="style1">
</td>
<td class="style2" style="text-align:left;" colspan="3">
<asp:Label ID="lblMess" runat="server" ForeColor="Red"></asp:Label>
</td>
</tr>
<tr>
<td class="style1" colspan="4">
</td>
</tr>
</table>
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Jquery에서 동일한 NAME 또는 id 행 삭제 작업 가져오기//Jquery 같은 수를 가져오고 줄 수와 인자를 삭제합니다. //ID'''또는this를 통해 본 줄의 두 번째 tdeq를 획득(1) 0부터 $("#"+id+"").parents("tr").find("td:eq(1...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.