jquery - jqueryでチェックボックスのテキストを取得するには?

Question

<input type="Checkbox" value="1">Option1</input>

テキスト値を取得するには?

option1 text を取得する必要があります。

Answer 1

マークアップが無効です。inputタグに終了タグがありません。それは自己終了タグです。そのため、あなたがしていることは完全に間違っています。

これが有効な方法です

<input type="checkbox" value="1" />

補足: 大文字の使用は無視してください。ドキュメントが台無しになることはありませんが、大文字の使用を無視することをお勧めします。

---

最後に、のテキストを取得するには、メソッドvalueを使用できます.attr()

$('input[type="checkbox"]').on('click', function() {
    alert($(this).val());
    //or
    alert($(this).attr('value'));
});

デモ

Answer 2

html

<input id="check-box" type="Checkbox" value="1">Option1</input>

js

var text = $("#check-box")[0].nextSibling.nodeValue;

Answer 3

このようにして、次のようなカスタム属性を作成できます:-

<input type="checkbox" value="1" id="mycheckbox" data-checkbox-text="Option1">Option1

jQueryの使用

var name = $('#mycheckbox').attr('checkbox-text');