>source

클래스에서 값을 얻으려고 시도했습니다.

<input type="checkbox" class="cat" value="3">
<input type="checkbox" class="cat" value="5">
<input type="checkbox" class="cat" value="8">

내 jquery 코드

$('.cat').click(function(){
          var cat = Number($('.cat').val());
        $(".cat").val(cat);
 // after that using my code
}

  • 답변 # 1

    풀다 $(".cat").val(cat); 그리고 사용 this 선택기에서 '.cat'대신

    $('.cat').click(function(){
                var cat = Number($(this).val());
                // after that using my code
        });
    
    

    $(function(){
                $('.cat').click(function(){
                            var cat = Number($(this).val());
                    console.log("cat value: " + cat);
                            // after that using my code
                });
    });
    
    

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    
    <input type="checkbox" class="cat" value="3">
    <input type="checkbox" class="cat" value="5">
    <input type="checkbox" class="cat" value="8">
    
    

  • 답변 # 2

    $('.cat').click(function(){
      console.log("selected cat number");
      $('.cat:checked').each(function() {
        console.log(this.value);
      });
    })
    
    

    위의 코드가 도움이 될 것이라고 생각하지만 시도하지는 않았습니다.

  • 답변 # 3

    나는 사용하고있다 value_array.join() 선택한 확인란에 대한 출력을 <div id="out"></div>

    아래 스 니펫

    $(document).ready(function() {
      $(document).on('change', '.radio-group input', function(e) {
        var $this = $(this),
          value = $this.val();
        // Get values of checked checkboxes
        var value_array = $('.radio-group input').filter(':checked').map(function() {
          return this.value;
        }).get();
        console.log(value_array);
        $('#out').html(value_array.join())
      });
    });
    
    

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class="radio-group">
        <input type="checkbox" class="cat" value="3">
        <input type="checkbox" class="cat" value="5">
        <input type="checkbox" class="cat" value="8">
    </div>
    <div id="out"></div>
    
    

관련 자료

  • 이전 Javascript에서 Windowlocation이 작동하지 않음
  • 다음 javascript - Vue 구성 API는 VueAxios를 사용합니까?