jQuery技术

jquery 复制页面对象代码

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

用最简单的jquery 代码实现js复杂的功能。 1,点击按钮增加一行Table内容。 2,点击复选框,复制第一行的值到 所有同类文本框。

<script

type=”text/javascript”>
$(document).ready(function(){

$(“#adTab”).click

(function(){ //点击增加一行Table表单
var str

=’<tr><td width=”160″><input name=”name” type=”text” id=”name”

maxlength=”50″ class=”names”/></td><td width=”60″><input name=”ph”

type=”text” id=”ph” maxlength=”30″ class=”phs”/></td><td

width=”60″><input name=”fz” type=”text” id=”fz” maxlength=”20″

class=”fzs”/></td><td width=”165″><input name=”zzs” type=”text” id=”zzs”

maxlength=”50″ class=”zzss”/></td><td width=”60″><input name=”sum”

type=”text” class=”sums” id=”sum” maxlength=”9″/></td><td

width=”165″><input name=”dz” type=”text” class=”dzs” id=”dz”

maxlength=”50″/></td><td width=”60″><input name=”money” type=”text”

class=”moneys” id=”money” maxlength=”8″/></td><td width=”70″><input

name=”bl” type=”text” class=”bls” id=”bl” value=”20″/></td><td

class=”upload”><a href=”javascript:;”>上传</a><input type=”hidden”

name=”photo” id=”photo” /></td></tr>’;
var num = parseInt

($(“#number”).val());
if(num!=”" && num!=0 && !isNaN(num))

{

var trsum = parseInt($(“#tableinfo tr”).length)+num;

//alert(trsum);
if(trsum<=50){

for

(i=0;i<num;i++)
{
$(“#tableinfo”).children(“tbody”).append

(str);
}
}
else
{
alert(“手动上传

一次只能上传50条。”);
}
}

});

$(“#boxt input”).click(function(){ //点击复选框,

复制第一行文本框的值到同IP的文本框
var id = $(this).attr(“id”);

if($(this).attr(“checked”))
{

if

($(“.”+id+”s:first”).attr(“value”))
{
$(“.”+id+”s”).attr

(“value”,$(“.”+id+”s:first”).attr(“value”));
}

}

else
{
var first = $(“.”+id+”s:first”).val();
$(“tr

.”+id+”s”).attr(“value”,”");
$(“.”+id+”s:first”).attr(“value”,first);

}
});
});

</script>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
i