javascript在复选框上隐藏/显示div:已选中/未选中

用户名

我正在尝试使用javascript创建一个函数,该函数将根据我的复选框的状态(是否选中)在我的注册表中隐藏/显示特定的div。这是我的功能:

 function doruc() {
    var elem = document.getElementById('powermail_fieldwrap_331');
        if (document.getElementById  ('powermail_field_doruovaciaadresa2_1').checked) {
        elem.display='block';
        } else {elem.display:none;}
}

这是行不通的。我正在检查和取消选中我的复选框,但是什么也没有发生。还有件事儿。我希望将该div初始化为隐藏。我应该把我的CSS吗?

 #powermail_fieldwrap_331{
 display:none;
 } 

我将不胜感激任何建议。

i

你可以用

var elem = document.getElementById('powermail_fieldwrap_331');
document.getElementById('powermail_field_doruovaciaadresa2_1').onchange = function() {
    elem.style.display = this.checked ? 'block' : 'none';
};

演示版


如果要默认隐藏它,可以使用#powermail_fieldwrap_331{display:none;}但是,如果您想确定的话,请更好地使用

var elem = document.getElementById('powermail_fieldwrap_331'),
    checkBox = document.getElementById('powermail_field_doruovaciaadresa2_1');
checkBox.checked = false;
checkBox.onchange = function doruc() {
    elem.style.display = this.checked ? 'block' : 'none';
};
checkBox.onchange();

演示版

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

复选框选中和取消选中后,提交操作后显示和隐藏div

来自分类Dev

选中复选框时显示/隐藏div

来自分类Dev

javascript在复选框上隐藏/显示div:已选中/未选中

来自分类Dev

未选中复选框时隐藏div

来自分类Dev

取消选中复选框并显示div

来自分类Dev

jQuery / JavaScript:选中所有复选框并选中每个复选框以显示div

来自分类Dev

显示或隐藏WebGrid的“全部选中”复选框上的按钮

来自分类Dev

复选框上的切换元素已选中

来自分类Dev

复选框计数,已选中/未选中的数量

来自分类Dev

使未选中的HTML复选框提交已选中的值

来自分类Dev

复选框未选中onclick JavaScript

来自分类Dev

如果复选框已选中,则隐藏复选框

来自分类Dev

如果选中了复选框,则显示div,否则隐藏,除非选中了“显示全部”复选框

来自分类Dev

在选中的复选框上方查找隐藏的字段值

来自分类Dev

复选框选中和取消选中后,提交操作后显示和隐藏div

来自分类Dev

在选中的复选框上显示div选中php

来自分类Dev

复选框上的切换样式已选中

来自分类Dev

如果选中复选框,则显示和隐藏div

来自分类Dev

获取已选中和未选中的复选框值

来自分类Dev

复选框上的javascript click事件导致未选中该复选框

来自分类Dev

JavaScript-使用“已选中/未选中的复选框”作为“ IF ELSE条件语句”

来自分类Dev

如果未选中该复选框,如何隐藏该复选框的父div?

来自分类Dev

在选中和取消选中复选框时显示和隐藏div

来自分类Dev

在JavaScript中显示选中的复选框

来自分类Dev

在复选框上单击/选中隐藏元素,在复选框未选中时重新插入元素

来自分类Dev

复选框未选中

来自分类Dev

复选框已选中

来自分类Dev

选中/取消选中复选框以使用 javascript 显示/隐藏输入文件元素

来自分类Dev

在选中复选框之前隐藏 div

Related 相关文章

  1. 1

    复选框选中和取消选中后,提交操作后显示和隐藏div

  2. 2

    选中复选框时显示/隐藏div

  3. 3

    javascript在复选框上隐藏/显示div:已选中/未选中

  4. 4

    未选中复选框时隐藏div

  5. 5

    取消选中复选框并显示div

  6. 6

    jQuery / JavaScript:选中所有复选框并选中每个复选框以显示div

  7. 7

    显示或隐藏WebGrid的“全部选中”复选框上的按钮

  8. 8

    复选框上的切换元素已选中

  9. 9

    复选框计数,已选中/未选中的数量

  10. 10

    使未选中的HTML复选框提交已选中的值

  11. 11

    复选框未选中onclick JavaScript

  12. 12

    如果复选框已选中,则隐藏复选框

  13. 13

    如果选中了复选框,则显示div,否则隐藏,除非选中了“显示全部”复选框

  14. 14

    在选中的复选框上方查找隐藏的字段值

  15. 15

    复选框选中和取消选中后,提交操作后显示和隐藏div

  16. 16

    在选中的复选框上显示div选中php

  17. 17

    复选框上的切换样式已选中

  18. 18

    如果选中复选框,则显示和隐藏div

  19. 19

    获取已选中和未选中的复选框值

  20. 20

    复选框上的javascript click事件导致未选中该复选框

  21. 21

    JavaScript-使用“已选中/未选中的复选框”作为“ IF ELSE条件语句”

  22. 22

    如果未选中该复选框,如何隐藏该复选框的父div?

  23. 23

    在选中和取消选中复选框时显示和隐藏div

  24. 24

    在JavaScript中显示选中的复选框

  25. 25

    在复选框上单击/选中隐藏元素,在复选框未选中时重新插入元素

  26. 26

    复选框未选中

  27. 27

    复选框已选中

  28. 28

    选中/取消选中复选框以使用 javascript 显示/隐藏输入文件元素

  29. 29

    在选中复选框之前隐藏 div

热门标签

归档