复制内容到剪贴板
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery test</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/test.css" />
<script src="lib/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
getsum("#one","li","#sum li",1);
//type为1时表示文本方式，留空为表单方式
function getsum(divId,textId,showId,type){
$(document).ready(function() {
var total = 0;
$(divId).find(textId).each(function(i) {
if(type == 1) {
var t = parseInt($(this).text());
} else {
var t = parseInt($(this).val());
}
total += t;
$(showId).html(total);
});
});
}
$(document).ready(function() {
$("input").change(function(){
getsum("#two","input","#suminput li");
});
getsum("#two","input","#suminput li");
});
</script>
</head>
<body>
<!--文本方式-->
<div id="one">
<ul>
<li>10</li>
<li>20</li>
<li>20</li>
</ul>
</div>
<div id="sum">
<ul>
<li></li>
</ul>
</div>
<!--表单文本框方式,可直接修改-->
<div id="two">
<ul>
<li><input type="text" value="30"></li>
<li><input type="text" value="40"></li>
<li><input type="text" value="50"></li>
</ul>
</div>
<div id="suminput">
<ul>
<li></li>
</ul>
</div>
</body>
</html>
