복붙노트

[JQUERY] jQuery를에 체크 박스 값을 검색하는 방법

JQUERY

jQuery를에 체크 박스 값을 검색하는 방법

해결법

  1. 1.여기에 하나의 그 작품 (예 참조)

    여기에 하나의 그 작품 (예 참조)

     function updateTextArea() {         
     var allVals = [];
     $('#c_b :checked').each(function() {
       allVals.push($(this).val());
     });
     $('#t').val(allVals);
  }
 $(function() {
   $('#c_b input').click(updateTextArea);
   updateTextArea();
 });

    달의 일부 수는 나중에 다른 질문은 ID 변경하는 경우 위의 작업을 유지하는 방법에 관해서 질문을 받았다. 음,이 솔루션은 사용의 CSS 클래스, 그 변화에 대한 DOM을 모니터링하는 라이브 기능을 사용하는 것이 일반적인 뭔가에 updateTextArea 기능 매핑으로 요약된다.

  2. 2.또한 쉼표에서 선택한 모든 체크 박스 값이 문자열을 분리 반환 할 수 있습니다. 당신은 SQL 매개 변수로 보낼 때도 당신을 위해 쉽게 할 것이다

    또한 쉼표에서 선택한 모든 체크 박스 값이 문자열을 분리 반환 할 수 있습니다. 당신은 SQL 매개 변수로 보낼 때도 당신을 위해 쉽게 할 것이다

    다음은 쉼표로 분리 된 문자열의 이름 "chkboxName"가 선택한 모든 체크 박스의 값을 반환 샘플입니다

    그리고 여기에 자바 스크립트입니다

    function showSelectedValues()
{
  alert($("input[name=chkboxName]:checked").map(
     function () {return this.value;}).get().join(","));
}

    다음은 HTML의 샘플입니다

    <html>
  <head>
 </head>
 <body>
  <div>
   <input name="chkboxName" type="checkbox" value="one_name" checked>
   <input name="chkboxName" type="checkbox" value="one_name1">
   <input name="chkboxName" type="checkbox" value="one_name2">
  </div>  
 </body>
 </html>

  3. 3.귀하의 질문은 상당히 모호하지만 나는 이것이 당신이 필요하다고 생각 :

    귀하의 질문은 상당히 모호하지만 나는 이것이 당신이 필요하다고 생각 :

    $(function() { 
    $('input[type="checkbox"]').bind('click',function() {
        if($(this).is(':checked')) {
            $('#some_textarea').html($(this).val());
         }
   });
});

    편집 : 아, 좋아 ... 당신이 가고있다 ... 당신은 전에 HTML을하지 않았다. 어쨌든, 그래, 난 당신이 클릭 될때 텍스트 영역의 값을 넣어 의미 생각했다. 당신이 체크 된 체크 박스 '값은 페이지로드 (어쩌면 좋은 쉼표로 seperation에 포함) 텍스트 영역에 넣고 싶은 경우는 단순하게 될 것이다 :

    $(function() { 
    $('#c_b input[type="checkbox"]:checked').each(function() { 
        $('#t').append(', '+$(this).val());
    });
});

    사람들이했던 것처럼 편집 2, 당신은 또한 내가 쓴 긴 선택 바로 가기에이 작업을 수행 할 수 있습니다

    $('#c_b :checkbox:checked').each(function() {
    $('#t').append(', '+$(this).val());
});

    ... 난 완전히 그 바로 가기 잊었다. ;)

  4. 4.이것은 나를 위해 완벽하게 작동합니다 :

    이것은 나를 위해 완벽하게 작동합니다 :

    alert($("input[name=chkboxName]:checked").map(function() {
    return this.value;
}).get().join(","));

    셰이크 모하메드 탱크

  5. 5.감사 altCognito, 당신의 솔루션을 도왔다. 우리는 또한 체크 박스의 이름을 사용하여이 작업을 수행 할 수 있습니다 :

    감사 altCognito, 당신의 솔루션을 도왔다. 우리는 또한 체크 박스의 이름을 사용하여이 작업을 수행 할 수 있습니다 :

    function updateTextArea() {         
   var allVals = [];
   $('[name=chkbox]:checked').each(function() {
      allVals.push($(this).val());
   });
   $('#t').val(allVals)
} 
$(function() { 
    $('#c_b input').click(updateTextArea);
    updateTextArea();
});

  6. 6.나는 약간 다른 솔루션을 찾고 여기에 도착하기 때문에 다음은 유용 할 수 있습니다. 내 스크립트가 입력 요소를 통해 자동으로 루프에 필요하고 (jQuery.post () 함수에 대한) 자신의 값을 반환했다, 문제는 체크 박스에 관계없이 검사 상태의 그 값을 반환로했다. 이것은 내 솔루션했다 :

    나는 약간 다른 솔루션을 찾고 여기에 도착하기 때문에 다음은 유용 할 수 있습니다. 내 스크립트가 입력 요소를 통해 자동으로 루프에 필요하고 (jQuery.post () 함수에 대한) 자신의 값을 반환했다, 문제는 체크 박스에 관계없이 검사 상태의 그 값을 반환로했다. 이것은 내 솔루션했다 :

    jQuery.fn.input_val = function(){

    if(jQuery(this).is("input[type=checkbox]")) {
        if(jQuery(this).is(":checked")) {
            return jQuery(this).val();
        } else {
            return false;
        }
    } else {
        return jQuery(this).val();
    }
};

    용법:

    jQuery(".element").input_val();

    지정된 입력 필드가 체크 박스 인 경우에는 그 확인되면, input_val 함수는 값을 반환합니다. 다른 모든 요소의 값에 관계없이 검사 상태의 반환됩니다.

  7. 7.다음은 변수에 값을 저장해야 할 경우에 대안이다 :

    다음은 변수에 값을 저장해야 할 경우에 대안이다 :

    var _t = $('#c_b :checkbox:checked').map(function() {
    return $(this).val();
});
$('#t').append(_t.join(','));

    (지도는 () 나는 텍스트 영역의 텍스트보다보다 간편한 찾을 배열을 반환).

  8. 8.

       $(document).ready(function() {
        $(':checkbox').click(function(){
           var cObj = $(this);
           var cVal = cObj.val();
           var tObj = $('#t');
           var tVal = tObj.val();
           if( cObj.attr("checked")) {
              tVal = tVal + "," + cVal; 
              $('#t').attr("value", tVal);
           } else {
              //TODO remove unchecked value.
           }
        });
    });

  9. 9.

     function updateTextArea() {         
     var allVals = $('#c_b :checked').map(function() {
       return $(this).val();
     }).get();
     $('#t').val(allVals)
  }
 $(function() {
   $('#c_b input').click(updateTextArea);
   updateTextArea();
 });

  10. 10.

    $("#t").text($("#cb").find(":checked").val())

  11. 11.어쨌든, 당신은 아마 이런 식으로 뭔가를해야합니다 :

    어쨌든, 당신은 아마 이런 식으로 뭔가를해야합니다 :

     var val = $('#c_b :checkbox').is(':checked').val();
 $('#t').val( val );

    이 페이지의 첫 번째 점검 체크 박스의 값을 얻을 ID = '텍스트 영역'과 텍스트 영역에 그것을 삽입합니다.

    귀하의 예제 코드에서 폼에 체크 박스를 넣어해야합니다.

  12. 12.나는 다른 게시물에서 답을 사용하여 동일한 작업을 수행하기 위해 사용하고 훨씬 쉽고 단락 방법은 다음과 같이이다 :

    나는 다른 게시물에서 답을 사용하여 동일한 작업을 수행하기 위해 사용하고 훨씬 쉽고 단락 방법은 다음과 같이이다 :

    var checkedCities = $('input[name=city]:checked').map(function() {
    return this.value;
}).get();

    원래 도시는 MySQL 데이터베이스에서 검색 및 루프 동안 PHP에서 반복된다 :

    while ($data = mysql_fetch_assoc($all_cities)) {
<input class="city" name="city" id="<?php echo $data['city_name']; ?>" type="checkbox" value="<?php echo $data['city_id']; ?>" /><?php echo $data['city_name']; ?><br />
<?php } ?>

    이제, jQuery 코드 위의 사용, 나는 모든 CITY_ID 값을 얻고, $ 갔지를 사용하여 데이터베이스에 다시 제출 (...)

    이것은 너무 쉽게 지금은 코드가 완전히 동적이기 때문에 내 인생을했다. 더 많은 도시를 추가하기 위해 할 수있는 모든 I의 필요성이 더 내 데이터베이스의 도시, 그리고 PHP 또는 jQuery를 말에 걱정을 추가하는 것입니다.

  13. 13.나는 비슷한 문제가 있었 내가 위의 예제를 사용하여 그것을 해결하는 방법이 있습니다 :

    나는 비슷한 문제가 있었 내가 위의 예제를 사용하여 그것을 해결하는 방법이 있습니다 :

     $(".ms-drop").click(function () {
        $(function showSelectedValues() {
            alert($(".ms-drop input[type=checkbox]:checked").map(
               function () { return this.value; }).get().join(","));
        });
    });

  14. 14.이걸로 해봐..

    이걸로 해봐..

    var listCheck = [];
console.log($("input[name='YourCheckBokName[]']"));
$("input[name='YourCheckBokName[]']:checked").each(function() {
     console.log($(this).val());
     listCheck .push($(this).val());
});
console.log(listCheck);

  15. 15.당신이 어떤 체크 박스의 값을 삽입 할 경우는 다음 확인되는대로 즉시 당신을 위해 작동합니다 :

    당신이 어떤 체크 박스의 값을 삽입 할 경우는 다음 확인되는대로 즉시 당신을 위해 작동합니다 :

    $(":checkbox").click(function(){
  $("#id").text(this.value)
})

    16. from https://stackoverflow.com/questions/786142/how-to-retrieve-checkboxes-values-in-jquery by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 의 jQuery CSS 속성을 사용하여 배경 이미지 설정  (0) 2020.10.02
[JQUERY] 오브젝트 속성에 기초하여 제거 배열 요소  (0) 2020.10.02
[JQUERY] jQuery를 사용하여 롤오버 이미지 소스 변경  (0) 2020.10.02
[JQUERY] 자바 스크립트 CONSOLE.LOG는 오류가 발생합니다 : "동기 XMLHttpRequest를 메인 스레드에서 사용되지 않습니다 ..."  (0) 2020.10.02
[JQUERY] 각 루프의 jQuery 탈출하는 방법  (0) 2020.10.02
,

티스토리툴바