すでに可能な方法はすべて試しましたが、まだ機能しません。モーダル ウィンドウがあり、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;
});
});
ベストアンサー1
「prop」関数を使用する必要があります:
.prop('checked', true);
jQuery 1.6以前(user2063626の回答):
.attr('checked','checked')