时间:2021-05-18
今天在实现checkbox全选,反选,取消JavaScript小脚本的时候,总是出现点击后页面瞬间刷新,选择的checkbox全部取消的问题,debug了半天,才发现原来是<button>标签中少写了一个type属性的原因,郁闷啊,希望自己以后少犯这种特别2的错误,特此记录。
复制代码 代码如下:
<!-- 以下为错误写法 -->
<button name="checkAll" value="全选" class="checkButton" onClick="checkAll(form_favor,status)">全选</button>
复制代码 代码如下:
<!-- 正确写法 -->
<button name="checkAll" type="button" value="全选" class="checkButton" onClick="checkAll(form_favor,status)">全选</button>
看了w3c的描述,瞬间明白了,在没写type属性的情况下,当时浏览器默认将它当submit处理了,而我表单接受处理的脚本还是空着的,所以就产生了“刷新”的现象!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
javascriptcheckbox全选和反选的简单实现发现这样写checkbox全选和反选最简洁明了。functiontempUser(val){$("inp
本文实例讲述了javascript实现可全选、反选及删除表格的方法。分享给大家供大家参考。具体实现方法如下:可以全选反选删除的表格body,table{marg
Jquery多选框的基本操作:支持全选、反选、取消全选的功能HTML正文:全选/全不选兴趣爱好:篮球足球羽毛球Javascript操作代码:$("#c1").c
操作checkbox,全选反选复制代码代码如下://全选functioncheckAll(){$('input[name="TheID"]').attr("ch
jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–>测试通过,jquery-1.5.1.js–>测试