복붙노트

[JQUERY] jQuery를에 체크 박스 값을 가져옵니다

JQUERY

jQuery를에 체크 박스 값을 가져옵니다

해결법

  1. 1.당신이 뭔가를 할 수있는 값 속성의 값을 얻으려면 :

    당신이 뭔가를 할 수있는 값 속성의 값을 얻으려면 :

    $("input[type='checkbox']").val();

    당신이 그것을 위해 클래스 또는 ID를 설정 한 경우 또는, 당신은 할 수 있습니다 :

    $('#check_id').val();
$('.check_class').val();

    는 제출 된 형태의 행동에 다른 그러나 이것은,이 혼동 될 수 확인 여부 같은 값을 반환합니다.

    이 선택되어 있는지 여부를 확인 여부를 위해 수행

    if ($('#check_id').is(":checked"))
{
  // it is checked
}

  2. 2.그 2 가지 방법이 노력하고 있습니다 :

    그 2 가지 방법이 노력하고 있습니다 :

    $ ( '# 테스트'). ((기능을 클릭) { 경고 ( "체크 박스 상태 (방법 1) ="+ $ ( '# 테스트') 소품 ( '확인').); ; 경고 (.) '확인' "체크 박스 상태 (방법 2) ="+ $ ( '# 테스트') (이다) }); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 나를 확인 : <입력 ID = "테스트"유형 = "체크 박스"/>

  3. 3.이 작은 솔루션을보십시오 :

    이 작은 솔루션을보십시오 :

    $("#some_id").attr("checked") ? 1 : 0;

    또는

    $("#some_id").attr("checked") || 0;

  4. 4.체크 박스의 값을 검색하는 가장 좋은 방법은 다음과 같다

    체크 박스의 값을 검색하는 가장 좋은 방법은 다음과 같다

    if ( elem.checked ) 
if ( $( elem ).prop( "checked" ) ) 
if ( $( elem ).is( ":checked" ) )

    등은 jQuery의 웹 사이트에 공식 문서화에 설명했다. 방법의 나머지는 체크 박스의 속성과 상관없는, 그들은 그것을로드 할 때이 체크 박스의 초기 상태를 테스트하는 의미 속성을 확인하고 있습니다. 그래서 짧은 :

    그 elem.attr을 유의하시기 바랍니다 ( "확인") jQuery를 버전 1.6.1+가 elem.prop과 같은 결과를 반환 한 후에 만 ​​수정 ( "확인").

    일부 답변은 오해의 소지가 있거나 부정확는 자신 아래 확인하시기 바랍니다 :

    http://api.jquery.com/prop/

  5. 5.그냥 일을 명확히 :

    그냥 일을 명확히 :

    $('#checkbox_ID').is(":checked")

    반환 'true'또는 'false'

  6. 6.

    $('#checkbox_id').val();
$('#checkbox_id').is(":checked");
$('#checkbox_id:checked').val();

  7. 7.단순하지만 효과적이고 당신이 체크 박스를 찾을 수 알고 가정합니다 :

    단순하지만 효과적이고 당신이 체크 박스를 찾을 수 알고 가정합니다 :

    $("#some_id")[0].checked;

    참 / 거짓을 제공합니다

  8. 8.

    jQuery(".checkboxClass").click(function(){
        var selectedCountry = new Array();
        var n = jQuery(".checkboxClass:checked").length;
        if (n > 0){
            jQuery(".checkboxClass:checked").each(function(){
                selectedCountry.push($(this).val());
            });
        }
        alert(selectedCountry);
    });

  9. 9.

    //By each()
var testval = [];
 $('.hobbies_class:checked').each(function() {
   testval.push($(this).val());
 });


//by map()
var testval = $('input:checkbox:checked.hobbies_class').map(function(){
return this.value; }).get().join(",");

 //HTML Code

 <input type="checkbox" value="cricket" name="hobbies[]"  class="hobbies_class">Cricket 
  <input type="checkbox" value="hockey" name="hobbies[]" class="hobbies_class">Hockey

    예 데모

  10. 10.이 질문의 jQuery 솔루션을 요구하고 있다는 사실에도 불구하고, 여기 아무도 그것을 언급하지 않았기 때문에 순수 자바 스크립트 대답은.

    이 질문의 jQuery 솔루션을 요구하고 있다는 사실에도 불구하고, 여기 아무도 그것을 언급하지 않았기 때문에 순수 자바 스크립트 대답은.

    간단하게 (부울을 반환) 확인 된 속성을 요소를 선택하고 액세스 할 수 있습니다.

    VAR 선택란 document.querySelector = ( '입력 [TYPE = "체크 박스"] "); 경고 (checkbox.checked);

    다음은 변경 이벤트에 대한 빠른 예를 듣기는 다음과 같습니다

    VAR 선택란 document.querySelector = ( '입력 [TYPE = "체크 박스"] "); checkbox.addEventListener ( '변화', 기능 (E) { 경고 (this.checked); });

    선택 요소를 선택하기 위해 사용 : 선택 의사 클래스 (입력 [TYPE = "체크 박스"]을 선택).

    다음 반복을 통해 입력 요소 되돌아 체크 요소의 이름 매핑 배열을 확인하는 것이 한 예이다.

    여기에 예

    var elements = document.querySelectorAll('input[type="checkbox"]:checked');
var checkedElements = Array.prototype.map.call(elements, function (el, i) {
    return el.name;
});

console.log(checkedElements);

    VAR 요소 document.querySelectorAll = ( '입력 [TYPE = "체크 박스"] : 체크'); VAR의 checkedElements = Array.prototype.map.call (요소 기능 (EL, ⅰ) { el.name를 반환; }); CONSOLE.LOG (checkedElements);

  11. 11.JQuery와 체크인 체크 박스의 값을 얻을 수 있습니다 :

    JQuery와 체크인 체크 박스의 값을 얻을 수 있습니다 :

    var checks = $("input[type='checkbox']:checked"); // returns object of checkeds.

for(var i=0; i<checks.length; i++){
    console.log($(checks[i]).val()); // or do what you want
});

    순수 JS에서 :

    var checks = document.querySelectorAll("input[type='checkbox']:checked");

for(var i=0; i<checks.length; i++){
    console.log(checks[i].value); // or do what you want
});

  12. 12.여기에 배열로 모든 검사 체크 박스의 값을 얻기위한 방법이다 :

    여기에 배열로 모든 검사 체크 박스의 값을 얻기위한 방법이다 :

    var values = (function() {
                var a = [];
                $(".checkboxes:checked").each(function() {
                    a.push(this.value);
                });
                return a;
            })()

  13. 13.다음 코드를 사용 :

    다음 코드를 사용 :

    $('input[name^=CheckBoxInput]').val();

  14. 14.

    $('.class[value=3]').prop('checked', true);

  15. 15.

    <script type="text/javascript">
$(document).ready(function(){
    $('.laravel').click(function(){
        var val = $(this).is(":checked");
        $('#category').submit();
    });
});


    <form action="{{route('directory')}}" method="post" id="category">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input name="category" value="{{$name->id}}"  class="laravel" type="checkbox">{{$name->name}}
                      </form>

  16. 16.때문에 API에 오늘, 2018 등 그냥 관심은 지난 몇 년 동안 변화. removeAttr 더 이상 작동하지 않는, depricated 있습니다!

    때문에 API에 오늘, 2018 등 그냥 관심은 지난 몇 년 동안 변화. removeAttr 더 이상 작동하지 않는, depricated 있습니다!

    선택을 취소에게 확인란을 선택 또는 JQuery와 :

    나쁜는 더 이상 작동하지 않습니다.

       $('#add_user_certificate_checkbox').removeAttr("checked");

   $('#add_user_certificate_checkbox').attr("checked","checked");

    대신 당신은해야한다 :

          $('#add_user_certificate_checkbox').prop('checked', true);
      $('#add_user_certificate_checkbox').prop('checked', false);

  17. 17.최상의 방법은 ( '입력 [NAME = "라인"] : 체크') $이다. 발 ()

    최상의 방법은 ( '입력 [NAME = "라인"] : 체크') $이다. 발 ()

    또한 선택한 얻을 수있는 텍스트 $ ( '입력 [이름 = "라인"] : 선택') 텍스트를 ().

    라디오 버튼 입력에 값 속성과 이름을 추가합니다. 모든 입력은 같은 이름의 속성이 있는지 확인합니다.

    <div class="col-8 m-radio-inline">
    <label class="m-radio m-radio-filter">
        <input type="radio" name="line" value="1" checked> Value Text 1
    </label>
    <label class="m-radio m-radio-filter">
        <input type="radio" name="line" value="2"> Value Text 2
    </label>
    <label class="m-radio m-radio-filter">
        <input type="radio" name="line" value="3"> Value Text 3
    </label>
</div>

    18. from https://stackoverflow.com/questions/2834350/get-checkbox-value-in-jquery by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] jQuery를에 등가 인 String.format  (0) 2020.10.12
[JQUERY] jQuery를 : 채우는 데 가장 좋은 방법은 드롭 다운?  (0) 2020.10.12
[JQUERY] jQuery를 업로드 진행 및 AJAX 파일 업로드  (0) 2020.10.12
[JQUERY] 여러 조동사 오버레이  (0) 2020.10.12
[JQUERY] 모달 열 스크롤에서 방지 BODY  (0) 2020.10.12
,

티스토리툴바