jquery - ブートストラップのラジオ ボタン テキスト

Question

私はブートストラップ、jQuery、および Web 開発全般に不慣れです。

jQueryを使ってラジオボタンのテキストを変更したい。

HTML は次のとおりです。

<label class="btn btn-primary">
<input type="radio" name="options" id="option1"> Option 1
</label>

内側のテキスト (オプション 1) を選択して変更する方法がわかりません。

私がする時 ：

$("label + input").html(question.choices[choice]);

何も得られません。次のように内部に別のラベルを追加する回避策を見つけました:

<label class="btn btn-primary">
<input type="radio" name="options" id="option1">
<label class="answer"> Option 1</label>
</label>

しかし、私はこの解決策が好きではなく、その余分なラベルは必要ないと思います。

Answer 1

次のようにテキストをスパン要素に入れます。

<label class="btn btn-primary">
  <input type="radio" name="options" id="option1"/> <span>Option 1</span>
</label>

次に、次のように簡単に参照できます。

$("label span").html('foo');

Answer 2

これを試して

HTML

<label class="btn btn-primary">
<input type="radio" name="options" id="option1">
<label for="answer"> Option 1</label>
</label>

JS

$('label[for=answer]').html('your text');