<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<style type="text/css">
.d1{width:300px; height:300px;float:left;margin:0 0 0 5px; border:1px #000 solid; background:#0000}
.d2{width:300px; height:300px;float:left;margin:0 0 0 5px; border:1px #000 solid; background:#0000}
</style>
</head>
<body>
<button onclick="addDiv1()">addDiv1</button>
<button onclick="addDiv2()">addDiv2</button>
<button onclick="subForm()">addDiv2</button>
<table id="thisTable">
<tr>
<td>id</td>
<td>name</td>
<td>age</td>
</tr>
<tr>
<td><input value="001"/></td>
<td><input name="userName" value="laowang"/></td>
<td><input value="10"/></td>
</tr>
<tr>
<td><input value="001"/></td>
<td><input name="userName" value="laowang"/></td>
<td><input value="10"/></td>
</tr>
<tr>
<td><input value="001"/></td>
<td><input name="userName" value="laowang"/></td>
<td><input value="10"/></td>
</tr>
</table>
<form id="thisForm">
<div id="d1" class="d1"></div>
<div id="d2" class="d2"></div>
</form>
</body>
<script type="text/javascript">
//console.log();
function addDiv1(){
$("#thisTable input").attr("onclick","moveDiv1(this)");
}
function moveDiv1(e){
var flag = quchong(e);//判断元素是否存在,如果存在结束当前方法
alert(flag);
$("#d1").append($(e).clone(true));
}
function addDiv2(){
$("#thisTable input").attr("onclick","moveDiv2(this)");
}
function moveDiv2(e){
$("#d2").append($(e).clone(true));
}
function subForm(){
}
function quchong(e){//判断是否重复
//如果元素的的方法是addDiv1
if($(e).attr("onclick")=="moveDiv1(this)"){
//alert("addDiv1");
$("#d1 input").each(function(){
if($(this).val()==$(e).val()){
return false;
}
});
}
//如果元素的的方法是addDiv2
if($(e).attr("onclick")=="moveDiv2(this)"){
return false;
}
}
</script>
</html>
JavaScript里貌似有没有返回值这个概念啊,我项返回一个布尔类型,但是接到的值是未定义,怎么解决问题
JavaScript里貌似有没有返回值这个概念啊
有的。只是没有返回值类型
if($(this).val()==$(e).val()){
return false;
}
这里返回的是each方法的那个匿名函数，不是quchong这个函数
你得这么写
function quchong(e){//判断是否重复
//如果元素的的方法是addDiv1
if($(e).attr("onclick")=="moveDiv1(this)"){
//alert("addDiv1");
var r = true;
$("#d1 input").each(function(){
if($(this).val()==$(e).val()){
r = false;
}
});
if (!r) return false;
}
//如果元素的的方法是addDiv2
if($(e).attr("onclick")=="moveDiv2(this)"){
return false;
}
return true; //这里要有一个默认值，防止没有任何分支走到
}
那个quchong()的函数里面你只是返回了有重复的时候的情况是false吧，没有重复的话要返回true的吧。。。如果当前传入的数值都不满足你的两个if
语句的话就没有返回值的啊，所以应该是undefined吧。。。个人理解。。。你试试quchong()函数最后返回一个return true试试呢？