[jquery] jquery 세트 확인란이 선택되었습니다.

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

내 HTML 사업부 :

<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포럼에서 다른 사람들이 보았지만 아무것도 작동하지 않는 것 같습니다. 누군가가 올바른 방향으로 나를 가리킬 수 있습니까?

편집 : 좋아, 여기에 실제로 뭔가가 빠져 있습니다 … 확인란이 페이지에 있으면 코드를 사용하여 확인 / 선택 취소 할 수 있지만 모달 창에 있습니다. 수십 가지 방법으로 시도했습니다 …

모달을 여는 링크가 있습니다.

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 its 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')


답변

검색 된 true (상자를 선택해야 함) 또는 false (상자를 선택하지 않아야 함)를 기준으로 확인란을 선택 또는 선택 취소하려고 시도-제안 된 모든 답변을 가져 와서 내 상황에 적용하십시오. 사용하는 것을 발견 .prop을 (사실, “확인”).prop ( “확인”거짓 ) 올바른 해결책이었다.

댓글이나 답변을 추가 할 수는 없지만 대화에 추가하기에는 이것이 중요하다고 생각했습니다.

검색된 값 “allDay”가 true이면 ID가 “even_allday_yn”인 확인란을 선택하는 전체 캘린더 수정에 대한 자세한 코드는 다음과 같습니다.

if (allDay)
{
    $( "#even_allday_yn").prop('checked', true);
}
else
{
    $( "#even_allday_yn").prop('checked', false);
}


답변

친구 아래 코드를보십시오 :

$("div.row-form input[type='checkbox']").attr('checked','checked')

또는

$("div.row-form #estado_cat").attr("checked","checked");

또는

$("div.row-form #estado_cat").attr("checked",true);


답변

“checked”속성은 확인란이 존재하자마자 ‘틱’합니다. 따라서 확인란을 선택 / 선택 취소하려면 속성을 설정 / 설정 해제해야합니다.

확인란을 확인하려면 :

$('#myCheckbox').attr('checked', 'checked');

확인란의 선택을 해제하려면 :

$('#myCheckbox').removeAttr('checked');

확인 된 상태를 테스트하려면 다음을 수행하십시오.

if ($('#myCheckbox').is(':checked'))

그것이 도움이되기를 바랍니다 …


답변

동적 또는 페이지에 관계없이 모달 창에 있기 때문에 다음 코드를 사용하여 목표를 달성 할 수 있습니다.

HTML :

<div class="content-container" style="text-align: right;">
    <input type="checkbox" id="QueryGroupCopyQueries">
    <label for="QueryGroupCopyQueries">Create Copies</label>
</div>

암호:

$.each(queriesToAddToGroup, function (index, query) {
    if (query.groupAddType === queriesGroupAddType.COPY) {

        // USE FIND against your dynamic window and PROP to set the value
        // if you are using JQUERY 1.6 or higher.
        $(kendoWindow).find("input#QueryGroupCopyQueries").prop("checked", true);

        return;
    }

위의 “kendoWindow”는 내 창입니다 (광산은 동적이지만 페이지에서 직접 요소에 추가 할 때도이 작업을 수행합니다). 데이터 배열 ( “queriesToAddToGroup”)을 반복하여 COPY 속성을 가진 행이 있는지 확인합니다. 그렇다면 사용자 가이 창에서 저장할 때 해당 속성을 설정하는 창 내 확인란을 설정하고 싶습니다.


답변

.attr("checked",true)
.attr("checked",false)

따옴표 안에 true와 false가 없는지 확인하십시오.


답변

주어진 코드처럼 아래와 같이 작성할 수 있습니다.

HTML

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

jQuery

$(document).ready(function(){
    $(".ibtn").click(function(){
        $(".ibtn").attr("checked", "checked");
    });
});

그것이 당신을 위해 일하기를 바랍니다.