이미 가능한 모든 방법을 시도했지만 여전히 작동하지 않습니다. 모달 창이 있는데 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");
});
});
그것이 당신을 위해 일하기를 바랍니다.
