入力も含むラベルのテキストを変更する(チェックボックス)

PurpleVermont

ドキュメントには次のような要素があります。

<div class="checkbox-inline">
  <label><input id="myinputid" value="False" type="checkbox"/>mytext</label>
</div>

次を使用してテキストを取得するためにアクセスできます。

$("#myinputid").parent().text();

これはmytext私が望んでいたように戻りますあれは:

$("#myinputid").parent().text("newtext");

最初の要素をに変更します

<div class="checkbox-inline"><label>newtext</label></div>

入力を削除せずにテキスト部分を変更するにはどうすればよいですか?それとも私はそれを再構築する必要がありますか?

そもそもチェックボックスを構造化するためのより良い方法があれば、それは許容できる代替手段です。

mh8020

(1)「for」属性の使用は1つのオプションです:https//developer.mozilla.org/en-US/docs/Web/HTML/Element/label#Using_the_for_attribute

はの子で<input>はなくなった<label>ため、入力はtext()。での変更による影響を受けません

<div class="checkbox-inline">
  <label for="myinputid">mytext</label>
  <input id="myinputid" value="False" type="checkbox">
</div>

(2)別のオプションは、次のように再構築することです。

<div class="checkbox-inline">
  <label>
    <span>mytext</span>
    <input id="myinputid" value="False" type="checkbox">
  </label>
</div>

次に、入力を変更せずにスパンのテキストを変更できます。ラベル内のスパンは、次のように許可されます。<label>ブロック内の<div>は正しいですか?

(3)元のHTML構造の可能な解決策は次のとおりです。jQuery-他の要素(アンカー)を削除せずに要素のテキストのみを設定する

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

iframeのjavascriptでチェックボックスのラベルテキストを変更する方法

分類Dev

複数行のテキストを含むラベル内の中央のチェックボックス

分類Dev

チェックボックス選択でテキスト入力値を変更する

分類Dev

ラジオのスタイルとチェックボックス入力を変更する方法

分類Dev

チェックボックスEventHandlerがラベルのテキストを変更しない(JavaFX)

分類Dev

チェックボックスの下でのみラベルのテキストを変更するにはどうすればよいですか?

分類Dev

ブートストラップスタイルのボタングループのチェックを切り替えるときにチェックボックスのラベルテキストを変更する方法

分類Dev

チェックボックスが角度にチェックされた後にテキストラベルを変更する

分類Dev

チェックするとチェックボックスのテキストの色を変更します

分類Dev

チェックボックスの変更時にテキストボックスの値を追加/削除する

分類Dev

入力がラベル内にあるときにチェックボックスラベルを変更するCSSセレクターは何ですか?

分類Dev

アクティブな入力ボックスのラベルの色を変更する

分類Dev

入力チェックボックスAngularJSの状態を変更する

分類Dev

チェックボックスからテキストボックスの値を変更する方法

分類Dev

ブートストラップ入力テキストボックスのスタイルをラインに変更するには?

分類Dev

チェックボックス入力がラベル内にある場合のラベルテキストのCSS?

分類Dev

チェックするチェックボックスと入力するテキストボックスの数を制限するAngularJS

分類Dev

チェックボックスラベルのテキストをモーダルに設定する

分類Dev

ラベルを使用せずにチェックボックスのレイアウトを変更する

分類Dev

チェックボックス変更イベントによる入力値の変更

分類Dev

チェックボックスのラベルテキストを取得してdivに追加する

分類Dev

チェックボックスのラベルテキストを取得するSeleniumC#

分類Dev

チェックボックスを使用して入力テキストフィールドを更新する

分類Dev

フォームのテキストボックスとチェックボックスからユーザー入力(アカウント番号、チェックボックス、チェックされたラジオボタンなど)を取得し、データベースからファイルを取得します

分類Dev

チェックボックスの入力フィールドの値を変更する方法

分類Dev

ラベル付きの入力ボックスの下にテキストを中央揃えする方法は?

分類Dev

reactjsでチェックボックスがチェックされているときはいつでもテキスト入力をクリアする

分類Dev

選択後にチェックボックスラベルを変更する

分類Dev

クローンラベルをクリックしてチェックボックスのチェック済みプロパティをfalseに変更し、チェックボックスをクリックしてクローンを削除する方法

Related 関連記事

  1. 1

    iframeのjavascriptでチェックボックスのラベルテキストを変更する方法

  2. 2

    複数行のテキストを含むラベル内の中央のチェックボックス

  3. 3

    チェックボックス選択でテキスト入力値を変更する

  4. 4

    ラジオのスタイルとチェックボックス入力を変更する方法

  5. 5

    チェックボックスEventHandlerがラベルのテキストを変更しない(JavaFX)

  6. 6

    チェックボックスの下でのみラベルのテキストを変更するにはどうすればよいですか?

  7. 7

    ブートストラップスタイルのボタングループのチェックを切り替えるときにチェックボックスのラベルテキストを変更する方法

  8. 8

    チェックボックスが角度にチェックされた後にテキストラベルを変更する

  9. 9

    チェックするとチェックボックスのテキストの色を変更します

  10. 10

    チェックボックスの変更時にテキストボックスの値を追加/削除する

  11. 11

    入力がラベル内にあるときにチェックボックスラベルを変更するCSSセレクターは何ですか?

  12. 12

    アクティブな入力ボックスのラベルの色を変更する

  13. 13

    入力チェックボックスAngularJSの状態を変更する

  14. 14

    チェックボックスからテキストボックスの値を変更する方法

  15. 15

    ブートストラップ入力テキストボックスのスタイルをラインに変更するには?

  16. 16

    チェックボックス入力がラベル内にある場合のラベルテキストのCSS?

  17. 17

    チェックするチェックボックスと入力するテキストボックスの数を制限するAngularJS

  18. 18

    チェックボックスラベルのテキストをモーダルに設定する

  19. 19

    ラベルを使用せずにチェックボックスのレイアウトを変更する

  20. 20

    チェックボックス変更イベントによる入力値の変更

  21. 21

    チェックボックスのラベルテキストを取得してdivに追加する

  22. 22

    チェックボックスのラベルテキストを取得するSeleniumC#

  23. 23

    チェックボックスを使用して入力テキストフィールドを更新する

  24. 24

    フォームのテキストボックスとチェックボックスからユーザー入力(アカウント番号、チェックボックス、チェックされたラジオボタンなど)を取得し、データベースからファイルを取得します

  25. 25

    チェックボックスの入力フィールドの値を変更する方法

  26. 26

    ラベル付きの入力ボックスの下にテキストを中央揃えする方法は?

  27. 27

    reactjsでチェックボックスがチェックされているときはいつでもテキスト入力をクリアする

  28. 28

    選択後にチェックボックスラベルを変更する

  29. 29

    クローンラベルをクリックしてチェックボックスのチェック済みプロパティをfalseに変更し、チェックボックスをクリックしてクローンを削除する方法

ホットタグ

アーカイブ