jquery - チェックボックスを上にスライドしますか？

Question

出来ますか？

var isChecked = $(".imdbArtistId").is(":checked").hide();

これは動作しません？

チェックボックスのクラスを取得することでそれを行うことはできますか？

Answer 1

このisメソッドは、jQuery オブジェクトではなく、true/false の値を返します。

チェックされている場合に指定したクラスのチェックボックスを非表示にするだけの場合は、次のことができます。

$(".imdbArtistId:checked").hide()

実施例

Answer 2

試す

$(document).ready(function(){
if($(".imdbArtistId").is(":checked"))
{
$(this).hide()
}
})

チェックボックスがオンの場合、これはそのチェックボックスを非表示にします。

Answer 3

hideのブール値の結果ではなく、要素で関数を使用する必要があります.is

これを試して：

var element = $(this);
var isChecked = element.is(":checked");
if(isChecked){
   element.hide();
}

これが実際の例です

---

関連付けられたテキストを非表示にする必要がある場合は、一致するテキストを識別できるようにする必要があります。これは、チェックボックスと要素の両方を内側にラップする親コンテナーを使用して行うのが最適です。次のようになります。

<div>
    <input type="checkbox"/> here is some text
</div>

次のコードを使用できます。

$("input").change(function(e) {
    var element = $(this);
    var isChecked = element.is(":checked");
    if (isChecked) {
        element.parent().hide();
    }
});​

これがその1つの動作です

Answer 4

次の構造にしてみてください。

<div class='placeholder'><input type='checkbox' /></div>

その後：

$(".imdbArtistId:checked").parent().hide();

Answer 5

is(":checked") は true または false を返しますが、すべてのチェック ボックスを返すわけではありません。

そのためには、次を使用します。

$(".imdbArtistId:checked").hide();

「imbdbArtistId」が、検討しているすべてのチェックボックスの共通クラスであると仮定します。