jquery 표 줄 동적 삭제 실현
3453 단어 jquery
<script src="jquery-1.5.1.min.js"></script>
<script>
$("document").ready(function(){
var tr;//
//
$("input#add").click(function(){
// , , ,
if(tr==null)
$("#detail").clone().appendTo($("#mytable"));
else
tr.clone().appendTo($("#mytable"));
});
//
$(":checkbox#all").click(function(){
$("input[type=checkbox]").attr("checked",$("input#all").attr("checked"));
});
//
$(":button#btnDel").click(function(){
tr=$("#detail").clone();// ,
$("input:checked[id!=all]").parent().parent().remove(); // ,
});
});
</script>
<input type="button" id="add" value=" " />
<input type="button" id="btnDel" value=" " />
<br />
<br />
<table width="650" border="0" id="mytable">
<tr align="center">
<td width="34" align="left"><input type="checkbox" id="all" /></td>
<td width="113" align="center"> </td>
<td width="75" align="center"> </td>
<td width="80" align="center"> </td>
<td width="76" align="center"> </td>
<td width="83" align="center"> </td>
<td width="74" align="center"> </td>
<td width="81" align="center"> </td>
</tr>
<tr id="detail">
<td width="34"><input type="checkbox"/></td>
<td width="113"><input name="medicineName" type="text" size="15"/></td>
<td width="75"><input name="type" type="text" size="10"/></td>
<td width="80"><input name="amount" type="text" size="10"/></td>
<td width="76"><input name="price" type="text" size="10"/></td>
<td width="83"><input name="productionTime" type="text" size="10"/></td>
<td width="74"><input name="produtionBatch" type="text" size="8"/></td>
<td width="81"><input name="expires" type="text" size="10"/></td>
</tr>
</table>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.