【html---checkbox】中的checked属性

html-css010

【html---checkbox】中的checked属性,第1张

if (isChecked == "false") {}

修改为

if (isChecked.value == "false") {}

var isChecked = document.getElementById("IsChecked")

还是dom对象,应该要获取他的值(isChecked.value),然后和false对比才对

checked="checked"在input里面添加了这个属性是默认选中的意思,如果删除了,你会发现Male和Female后面都没有选中的黑点,如果加上去,默认选中了Male,仔细看下~~希望对你有帮助

不知道为什么对于checkbox你要用ondblClick。其次,我用Dreamweaver调试了你的程序,发现所有的函数都是可以运行的。而dblclick比较特殊,可能对于不同的浏览器,它的解释规则不同。我分别运用了Chrome和Microsoft Edge/IE运行了这段代码,发现:

在Chrome中,直接快速按两下,是没有任何效果的。而如果非要用双击触发,那你就必须先让这个选项有一“击”。我也不知道我在说什么,举个栗子:比如说,现在没有选项被选中,你想通过双击"全选/全不选"来实现全选功能那你必须先单击一下“全选/全不选”,使它前面√,再快速双击这个选项,就会达到全选的目的。对于全不选则同理。所以与其说这是双击触发,不如说是被选中两次( double click)时触发的。

而在Microsoft Edge/IE中,双击就是普通意义上的双击,通过双击就可以达到“全选”或者“全不选”的目的。

注意:此代码只能实现第一次全选功能,也就是即使你将三个选项都选中,然后想通过点击“全选/全不选”来实现全不选的目的,是不能完成的,因为当你双击这个选项时,checked依旧为1。也就是,“全选/全不选”这个按钮的作用究竟是全选还是全不选,不取决于下面的选项,只取决于它前面的√,相信你知道这点。