javascript - jQuery での変数の単純化

Question

次のコードを単純化するにはどうすればよいですか?

これは単なる静的 ID です。

<script>
    $x('input[id="id1"]').attr('checked', true);
    $x('input[id="idx4"]').attr('checked', true);
    $x('input[id="idk5"]').attr('checked', true);
</script>

Answer 1

IDセレクターを使用するだけです。コンマで区切ることで、複数の要素を選択できます。

$x('#id1,#idx4,#idk5').attr('checked', true);

または、jQuery 1.6 (またはそれ以降) を使用している場合は、checked プロパティを設定するために.prop()を使用する必要があります。

$x('#id1,#idx4,#idk5').prop('checked', true);

Answer 2

jQuery は、CSS に似たセレクターを使用しますが、いくつか追加されています。属性は一意である必要があるため[id]、要素 (この場合はinput) を指定する必要はありません。idセレクターを使用できます。

また、checkedチェックボックスがリセットされる値を変更するため、属性を設定しないでくださいchecked。代わりにプロパティを変更する必要があります。

$('#id1, #idx4, #idk5').prop('checked', true);

1.6 より前の jQuery で同じことを行うには:

$('#id1, #idx4, #idk5').each(function () {
    this.checked = true;
});