首页 > 代码库 > button点击切换，获取按钮ID
button点击切换，获取按钮ID
<!DOCTYPE html><html><head lang="zh-CN"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <style> .sms-type button{ width: 60px; height: 30px; margin-right: 10px; border: #d0d0d0 1px solid; background-color: #f5f5f5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; outline: none; cursor: pointer;}.sms-type button.on-sel{ border: #ff7e0e 1px solid; background-color: #fff0c5;} </style> <script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <script type="text/javascript"> function replyDetailClick(){ $(".reply-details .sms-type button").click(function(){ $(".reply-details .sms-type button").removeClass("on-sel"); $(this).addClass("on-sel"); }) } function getButtonId(){ $(".sms-type button").click(function(){ var buttonId = $(this).attr("id"); alert("buttonId："+buttonId); }); } $(document).ready(function() { replyDetailClick(); getButtonId(); }); </script> </head><body><div class="reply-details"> <div> <label class="sms-type"> <button id="all" class="on-sel">全部</button> <button id="one">1</button> <button id="two">2</button> <button id="three">3</button> <button id="other">其他</button> </label> </div> </div></body></html>
<style></style><script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script><script type="text/javascript">// </script>
button点击切换，获取按钮ID
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。