如何更改具有相同类的所有标记的内容？

Question

我正在尝试使用JQuery使用字符串更改所有.valueInput标记的内容。 这是我的代码，似乎没有做任何事情：

小提琴：https://jsfiddle.net/p4yvq0vp/2/

HTML

<div class='main'>
  <span class='valueInput'></span>
  <span class='valueInput'></span>
  <span class='valueInput'></span>
</div>

jquery的

$document.ready(function() {
  $('.valueInput').text('hi');
});

Answer 1

将$document更改为$(document)。

Answer 2

解决方案：

$(document).ready(function(){
    $(".checkbox_option input[type='checkbox'],.checkbox_option label").on('click', 
    function(e){
      e.stopPropagation();
    });

    // Check/uncheck checkboxes clicking on its parent div
    $(".checkbox_option").click(function(){               
        var chk = $(this).find("input[type='checkbox']");
        if(chk.is(":checked") == false)
        {
            chk.prop("checked", true);
        }
        else
        {
            chk.prop("checked", false);
        }
    });
});

https://jsfiddle.net/vuz5ygur/