jQuery-选中一个复选框并更改div的背景颜色

因达莱科

所以我已经研究了一段时间了,我有些困惑。我正在做的是从数据库中提取数据并将其放入div行中。我想做的是使div可“单击”,并在单击时更改背景颜色。我将有一个隐藏的复选框元素,将被切换。到目前为止,这是我能够找到的对我有帮助的代码。

我需要做的是弄清楚在哪里添加一个函数,该函数可以切换是否选中该复选框的类。

jQuery的

$('.item').click(function(){
     $('.item').toggle(
         function(event) {
            $(this).find('input').attr('checked', true);
         },
         function(event) {
            $(this).find('input').attr('checked', false);
         }
     );
});

的HTML

<div class="item">
   stuff here 
   <input type="checkbox" class="hidden" name="item1" value"true">
</div>

<div class="item">
   stuff here 
   <input type="checkbox" class="hidden" name="item2" value"true">
</div>
阿伦·P·约翰尼(Arun P Johny)

尝试

$('.item').click(function(){
     var $this = $(this), $chk = $this.find('input:checkbox'), checked = $chk.is(':checked');
     $chk.prop('checked', !checked);
     $this.toggleClass('checked', !checked);
});

演示:小提琴

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery如果选中一个或多个复选框,则更改变量

来自分类Dev

jQuery的每个复选框行仅选中一个复选框

来自分类Dev

如何使用JQuery选择器在同级div中选中一个复选框?

来自分类Dev

jQuery单击一个复选框应选中一行中的所有复选框

来自分类Dev

如何使用jQuery一键选中一个复选框(3)

来自分类Dev

使用jQuery Mobile时无法以编程方式选中一个复选框

来自分类Dev

至少选中一个复选框-Asp.Net MVC-jQuery

来自分类Dev

jQuery Validation至少选中一个复选框

来自分类Dev

至少选中一个复选框-Asp.Net MVC-jQuery

来自分类Dev

jQuery:手风琴式格式。如果选中其中一个复选框,如何防止div崩溃

来自分类Dev

未选择任何元素时,请取消选中该复选框。仅选中一个复选框。更改relevent div容器的背景颜色。

来自分类Dev

jQuery根据选中的另一个复选框设置一个复选框

来自分类Dev

jQuery Validate-仅在选中单选按钮的情况下,才选中一组复选框中的至少一个

来自分类Dev

每次在JQuery中选中div时,如何拥有一个持久的复选框来打开或关闭div?

来自分类Dev

JQuery 选中一个复选框,然后取消选中/禁用具有相同名称属性的其他人

来自分类Dev

jQuery选择多个属性并选中/取消选中另一个复选框

来自分类Dev

选中至少一个复选框,选中jquery验证

来自分类Dev

如果选中此复选框,则添加类,并使用jquery向其父div分配一个类

来自分类Dev

jQuery或Javascript如何查找是否在Rails表单中选中了一个复选框并删除了div表单

来自分类Dev

jQuery-选中复选框时获取文本框的上一个值

来自分类Dev

取消选中所有复选框,使用jQuery禁用一个

来自分类Dev

jQuery DOM导航-选中复选框后查找下一个标签

来自分类Dev

jQuery复选框构建一个数组,其中包含ID更改后的复选框的列表

来自分类Dev

jQuery 复选框更改事件以通过另一个复选框展开可折叠

来自分类Dev

jQuery返回复选框为全部选中状态,即使只有一个选中

来自分类Dev

Javascript / jQuery-如何在单击一个复选框时取消选中所有其他复选框

来自分类Dev

jQuery在两个复选框之间选择一个复选框

来自分类Dev

jQuery通过单击复选框仅更改一个段落

来自分类Dev

加载脚本时如何在jquery中选中复选框时如何更改背景

Related 相关文章

  1. 1

    jQuery如果选中一个或多个复选框,则更改变量

  2. 2

    jQuery的每个复选框行仅选中一个复选框

  3. 3

    如何使用JQuery选择器在同级div中选中一个复选框?

  4. 4

    jQuery单击一个复选框应选中一行中的所有复选框

  5. 5

    如何使用jQuery一键选中一个复选框(3)

  6. 6

    使用jQuery Mobile时无法以编程方式选中一个复选框

  7. 7

    至少选中一个复选框-Asp.Net MVC-jQuery

  8. 8

    jQuery Validation至少选中一个复选框

  9. 9

    至少选中一个复选框-Asp.Net MVC-jQuery

  10. 10

    jQuery:手风琴式格式。如果选中其中一个复选框,如何防止div崩溃

  11. 11

    未选择任何元素时,请取消选中该复选框。仅选中一个复选框。更改relevent div容器的背景颜色。

  12. 12

    jQuery根据选中的另一个复选框设置一个复选框

  13. 13

    jQuery Validate-仅在选中单选按钮的情况下,才选中一组复选框中的至少一个

  14. 14

    每次在JQuery中选中div时,如何拥有一个持久的复选框来打开或关闭div?

  15. 15

    JQuery 选中一个复选框,然后取消选中/禁用具有相同名称属性的其他人

  16. 16

    jQuery选择多个属性并选中/取消选中另一个复选框

  17. 17

    选中至少一个复选框,选中jquery验证

  18. 18

    如果选中此复选框,则添加类,并使用jquery向其父div分配一个类

  19. 19

    jQuery或Javascript如何查找是否在Rails表单中选中了一个复选框并删除了div表单

  20. 20

    jQuery-选中复选框时获取文本框的上一个值

  21. 21

    取消选中所有复选框,使用jQuery禁用一个

  22. 22

    jQuery DOM导航-选中复选框后查找下一个标签

  23. 23

    jQuery复选框构建一个数组,其中包含ID更改后的复选框的列表

  24. 24

    jQuery 复选框更改事件以通过另一个复选框展开可折叠

  25. 25

    jQuery返回复选框为全部选中状态,即使只有一个选中

  26. 26

    Javascript / jQuery-如何在单击一个复选框时取消选中所有其他复选框

  27. 27

    jQuery在两个复选框之间选择一个复选框

  28. 28

    jQuery通过单击复选框仅更改一个段落

  29. 29

    加载脚本时如何在jquery中选中复选框时如何更改背景

热门标签

归档