点击checkbox同时出发blur事件的解决方法

来源：互联网发布：oracle调用java web 编辑：程序博客网时间：2024/05/21 15:59

<script>$(function(){$("body").click(function(e){if($(e.target).attr("type")=="checkbox"){if($("#personAddress [type=checkbox]").is(":checked")){  var val=$("#personAddress .val").html();$("#personAddress .val").html("<input type='text' value='"+val+"'/>");$("#personAddress .val input").focus();}else{var val=$("#personAddress .val input").val();$("#personAddress .val").html(val);}}else if($(e.target).attr("type")=="text"){}else{var val=$("#personAddress .val input").val();$("#personAddress .val").html(val);$("#personAddress [type=checkbox]").attr("checked",false);}})})</script></head><body><div>      <span>请勾选需要修改的项目后进行变更:</span>    </div>    <br/>    <div id="personAddress">        <input type="checkbox" name="notBaseInfo"  >        <span>通讯地址:</span><span class="val"  >山东肥城</span>        <input type="hidden" name="personAddress" id="personAddress" value="山东肥城">    </div>    <hr class=dotline color=#111111 size=1>     <div id="codeDiv">        <input type="checkbox" name="notBaseInfo" >        <span>邮政编码:</span><span class="val" >271600</span>        <input type="hidden" name="code" id="code" value="271600">    </div >    <hr class=dotline color=#111111 size=1>     <div id="mobileDiv">        <input type="checkbox" name="notBaseInfo" >        <span>电话号码:</span><span class="val"  >15995416971</span>        <input type="hidden"  name="mobile" id="mobile" value="15995416971">    </div>    <hr class=dotline color=#111111 size=1>     <div id="faxDiv">        <input type="checkbox" name="notBaseInfo" >        <span>传真号码:</span><span class="val"  >010-12345</span>        <input type="hidden"  name="fax" id="fax" value="010-123456">    </div>    <hr class=dotline color=#111111 size=1>     <div id="emailDiv">        <input type="checkbox" name="notBaseInfo" >        <span>电子邮件:</span><span class="val"  >123@qq.com</span>        <input type="hidden"  name="email" id="email" value="123@qq.com">    </div>    <hr class=dotline color=#111111 size=1> </body>

这个最重要的就是$(e.target)方法,通过它就可以确定点击的是哪个东东,但是这个方法有个缺陷就是不能再出发blur事件了

0 0