如何定位jQuery中未选中的复选框?

Mithun

当我取消选中任何复选框时,它也会附加结果。我要删除它。我应该怎么办?

$(document).ready(function(){
    $('.chk_val').on('click',function(){
        var result = $(this).val();
        $('#course').append(result);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="show">
<span id="course"> </span>
</div>

<input type="checkbox" class="chk_val" value="20" />20
<br />
<input type="checkbox" class="chk_val" value="30" />30
<br />
<input type="checkbox" class="chk_val" value="40" />40
<br />
古拉迪奥

$(document).ready(function() {
  $('.chk_val').on('click', function() {
    var result = $('.chk_val:checked').map(function() {

      return $(this).val()
    }).get();
    $('#course').html(result);


  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="show">
  <span id="course"> </span>
</div>

<input type="checkbox" class="chk_val" value="20" />20
<br />
<input type="checkbox" class="chk_val" value="30" />30
<br />
<input type="checkbox" class="chk_val" value="40" />40
<br />

  1. 映射已检查项目的值。
  2. 使用.html()改变div的HTML

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

发布表单时如何获取复选框元素中未选中复选框的值?

来自分类Dev

div中的复选框 在单击时使用jquery 1.9.1选中或未选中

来自分类Dev

如何使用JavaScript或jquery选中/取消选中复选框?

来自分类Dev

jQuery的单击复选框未选中

来自分类Dev

jQuery复选框未选中

来自分类Dev

如何获取复选框以显示AngularJS中的选中/未选中状态?

来自分类Dev

jQuery复选框未选中

来自分类Dev

在jQuery中删除选中的复选框

来自分类Dev

jQuery,如何获取复选框未选中事件和复选框值?

来自分类Dev

使用JQuery获取div中未选中复选框的值

来自分类Dev

如果选中复选框,如何调用函数;如果未选中,则如何从附加列表中删除

来自分类Dev

jQuery toggleClass()复选框未选中

来自分类Dev

当使用jQuery中的复选框未选中元素时,如何删除元素?

来自分类Dev

jQuery中未选中复选框时,我试图从输入字段中删除必填项

来自分类Dev

如何设置未选中的复选框1选中复选框2并设置未选中的复选框2使用脚本选中复选框1时?

来自分类Dev

选中的复选框未选中

来自分类Dev

如何禁用/启用未选中的输入复选框-jQuery

来自分类Dev

jQuery复选框未选中

来自分类Dev

未选中子复选框时如何选中复选框主复选框?

来自分类Dev

选中/取消选中jQuery中的所有复选框

来自分类Dev

jQuery:防止未选中复选框

来自分类Dev

jQuery toggleClass()复选框未选中

来自分类Dev

如何获取未选中的复选框

来自分类Dev

未选中Jqgrid中的复选框

来自分类Dev

复选框未选中

来自分类Dev

jQuery 中的目标选中复选框

来自分类Dev

如何使用每个循环 jquery 禁用所有未选中的复选框

来自分类Dev

基于条件 jquery 未选中 JsTree 复选框

来自分类Dev

如何检测行中的哪些复选框已选中,哪些未选中

Related 相关文章

  1. 1

    发布表单时如何获取复选框元素中未选中复选框的值?

  2. 2

    div中的复选框 在单击时使用jquery 1.9.1选中或未选中

  3. 3

    如何使用JavaScript或jquery选中/取消选中复选框?

  4. 4

    jQuery的单击复选框未选中

  5. 5

    jQuery复选框未选中

  6. 6

    如何获取复选框以显示AngularJS中的选中/未选中状态?

  7. 7

    jQuery复选框未选中

  8. 8

    在jQuery中删除选中的复选框

  9. 9

    jQuery,如何获取复选框未选中事件和复选框值?

  10. 10

    使用JQuery获取div中未选中复选框的值

  11. 11

    如果选中复选框,如何调用函数;如果未选中,则如何从附加列表中删除

  12. 12

    jQuery toggleClass()复选框未选中

  13. 13

    当使用jQuery中的复选框未选中元素时,如何删除元素?

  14. 14

    jQuery中未选中复选框时,我试图从输入字段中删除必填项

  15. 15

    如何设置未选中的复选框1选中复选框2并设置未选中的复选框2使用脚本选中复选框1时?

  16. 16

    选中的复选框未选中

  17. 17

    如何禁用/启用未选中的输入复选框-jQuery

  18. 18

    jQuery复选框未选中

  19. 19

    未选中子复选框时如何选中复选框主复选框?

  20. 20

    选中/取消选中jQuery中的所有复选框

  21. 21

    jQuery:防止未选中复选框

  22. 22

    jQuery toggleClass()复选框未选中

  23. 23

    如何获取未选中的复选框

  24. 24

    未选中Jqgrid中的复选框

  25. 25

    复选框未选中

  26. 26

    jQuery 中的目标选中复选框

  27. 27

    如何使用每个循环 jquery 禁用所有未选中的复选框

  28. 28

    基于条件 jquery 未选中 JsTree 复选框

  29. 29

    如何检测行中的哪些复选框已选中,哪些未选中

热门标签

归档