jquery 事件绑定案例
效果图公如下
具体代码如下：
<!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></title>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(‘#OkUp‘).click(function(){
$(‘ul li a‘).bind(‘click‘,function(){
var AVal = $(this).html();
alert(‘你可以‘+AVal+‘了!‘)
});
});
$(‘#NoUp‘).click(function(){
$(‘ul li a‘).unbind(‘click‘);
});
});
</script>
<style type="text/css">
<!--
*{margin:0;padding:0;list-style-type:none;}
ul{width:200px;margin:200px auto;}
ul li{width:200px;height:35px;line-height:35px;display:block;text-align:center;border:1px solid #ccc;}
ul li a{display:block;}
ul li input{margin-top:10px;}
-->
</style>
</head>
<body>
<ul>
<li><a href="###">上传头像</a></li>
<li><a href="###">上传文件</a></li>
<li><a href="###">上传视频</a></li>
<li>
<input type="button" value="允许上传" id="OkUp" />
</li>
<li>
<input type="button" value="禁止上传" id="NoUp" />
</li>
</ul>
</body>
</html>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
