프로그래밍 언어/jQuery, ajax

jQuery 체크박스를 체크하는 방법

Rateye 2021. 8. 11. 10:35
728x90
반응형

 

질문 : jQuery 세트 확인란이 선택됨

이미 가능한 모든 방법을 시도했지만 여전히 작동하지 않았습니다. 내가 가진 모달 창이 checkbox 내가 모달가 열리면 것을 원하는 checkbox 체크하거나 선택 해제가 데이터베이스 값을 기반으로해야합니다. (이미 다른 양식 필드와 함께 작업하고 있습니다.) 확인하려고 시도했지만 작동하지 않았습니다.

내 HTML div :

<div id="fModal" class="modal" >
    ...
    <div class="row-form">
        <div class="span12">
            <span class="top title">Estado</span>

          <input type="checkbox"  id="estado_cat" class="ibtn">
       </div>
    </div>             
</div>

및 jQuery :

$("#estado_cat").prop( "checked", true );
                                                              

나는 또한 attr 및 여기 포럼에서 본 다른 것들로 시도했지만 아무것도 작동하지 않는 것 같습니다.
누군가 나를 올바른 길로 안내 할 수 있습니까?

좋아, 여기에 뭔가 빠졌어. 체크 박스가 페이지에있는 경우 코드를 사용하여 체크 / 체크 해제 할 수 있지만 모달 창에있는 경우에는 할 수 없습니다. 수십 가지 방법을 시도했습니다.

모달을 열어야하는 링크가 있습니다.

<a href='#' data-id='".$row['id_cat']."' class='editButton icon-pencil'></a>
                                                              

그리고 jQuery는 클릭을 "듣고"데이터베이스에서 오는 데이터로 일부 텍스트 상자를 채우는 것과 같은 일부 작업을 실행합니다. 모든 것이 내가 원하는대로 작동하지만 문제는 코드를 사용하여 확인란을 선택 / 선택 취소 할 수 없다는 것입니다. 도와주세요!

$(function () {
    $(".editButton").click(function () {
        var id = $(this).data('id');
        $.ajax({
            type: "POST",
            url: "process.php",
            dataType: "json",
            data: {
                id: id,
                op: "edit"
            },
        }).done(function (data) {
            // The next two lines work fine,
            // i.e. it grabs the value from database and fills the textboxes
            $("#nome_categoria").val(data['nome_categoria']);
            $("#descricao_categoria").val(data['descricao_categoria']);

            // Then I tried to set the checkbox checked (because it's unchecked by default)
            // and it does not work
            $("#estado_cat").prop("checked", true);
            $('#fModal').modal('show');
        });

        evt.preventDefault();
        return false;
    });
});
답변

'prop'함수를 사용해야합니다.

.prop('checked', true);
                                                                                                                                                                                                                                                                                                                          

jQuery 1.6 이전 ( user2063626의 답변 참조) :

.attr('checked','checked')
                                                                                                                                                                                                                                                                                                                          
출처 : https://stackoverflow.com/questions/15044340/jquery-set-checkbox-checked
728x90
반응형