u013179958
CSDNRGY
2016-01-03 16:24

深夜了还有前端的大神吗,我写了一个Demo但是没调明白,求大神帮看下?

  • 前端
  • javascript
  • jquery
 <!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里貌似有没有返回值这个概念啊,我项返回一个布尔类型,但是接到的值是未定义,怎么解决问题

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

2条回答