没有合适的资源?快使用搜索试试~ 我知道了~
首页jQuery实现按钮只点击一次后就取消点击事件绑定的方法
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
2 下载量 146 浏览量
更新于2023-03-16
评论
收藏 21KB PDF 举报
本文实例讲述了jQuery实现按钮只点击一次后就取消点击事件绑定的方法。分享给大家供大家参考。具体实现方法如下: <input type="button" id="my-selector" value="只能点击一次" /> [removed] $('#my-selector').bind('click', function() { $(this).unbind('click'); alert('Clicked and unbound!'); }); [removed] 希望本文所述对大家的jQuery程序设计有所帮助。
资源详情
资源评论
资源推荐
jQuery实现按钮只点击一次后就取消点击事件绑定的方法实现按钮只点击一次后就取消点击事件绑定的方法
本文实例讲述了jQuery实现按钮只点击一次后就取消点击事件绑定的方法。分享给大家供大家参考。具体实现方法如下:
<input type="button" id="my-selector" value="只能点击一次" />
<script>
$('#my-selector').bind('click', function() {
$(this).unbind('click');
alert('Clicked and unbound!');
});
</script>
希望本文所述对大家的jQuery程序设计有所帮助。
<script> //反选 function changeCheck() { // 获取所有的复选框元素 var checkboxs = document.getElementsByTagName('input'); // 遍历所有复选框 for (var i = 0; i < checkboxs.length; i++) { // 如果当前元素是复选框,而且它的类型是checkbox if (checkboxs[i].type == 'checkbox') { // 判断当前复选框是否选中 if (checkboxs[i].checked) { // 如果选中,就取消选中 checkboxs[i].checked = false; } else { // 如果没有选中,就选中它 checkboxs[i].checked = true; } } } } $(function() { // 删除功能 $(".delete_item").click(function() { $(this).closest("tr").remove(); }); // 批量删除功能 $("#deleteAll").click(function() { $(".check_item:checked").each(function() { $(this).closest("tr").remove(); }); }); }); </script> </head> <body>
<button type="checkbox" id="allsel" onclick="changeCheck(this)">反选</button> | 用户ID | 爱好 | 家庭住址 | 操作 |
---|---|---|---|---|
<input type="checkbox" class="check_item"> | 1 | 跑步 | 江苏省无锡市 | <button class="delete_item">删除</button> |
<input type="checkbox" class="check_item"> | 2 | 打球 | 江苏省南京市 | <button class="delete_item">删除</button> |
<input type="checkbox" class="check_item"> | 3 | 跳舞 | 安徽省合肥市 | <button class="delete_item">删除</button> |
<button class="deleteAll">批量删除</button> | 怎么可以批量删除和删除
评论0