JQueryを使用してHTMLの名前と値を取得する方法

Question

入力要素のセット内の入力要素のhtmlを取得しようとしています。それらの名前はすべて同じ名前ですが、異なるHTMLと値があります。どのように私はthemeの値と1から9の間のいくつかの数値に等しい値を持つ入力からhtmlを取得できますか？

例：

<input type="radio" name="theme" value="1" checked> Option 1<br> 
<input type="radio" name="theme" value="2"> Option 2<br> 
<input type="radio" name="theme" value="3"> Option 3<br> 
<input type="radio" name="theme" value="4"> Option 4<br> 
<input type="radio" name="theme" value="5"> Option 5<br> 
<input type="radio" name="theme" value="6"> Option 6<br> 
<input type="radio" name="theme" value="7"> Option 7<br> 
<input type="radio" name="theme" value="8"> Option 8<br> 
<input type="radio" name="theme" value="9"> Option 9<br> 

ランダムシナリオでは、Iはname=themeとvalue=4、すなわち、 "オプション4" とinputのHTMLを取得する必要があります。

ありがとうございました！

Answer 1

の横にテキストをラップするには、labelまたはspanを使用できます。

<input type="radio" name="theme" value="1" checked><span> Option 1</span><br> 
<input type="radio" name="theme" value="2"><span> Option 2</span><br> 
<input type="radio" name="theme" value="3"><span> Option 3</span><br> 
<input type="radio" name="theme" value="4"><span> Option 4</span><br> 
<input type="radio" name="theme" value="5"><span> Option 5</span><br> 
<input type="radio" name="theme" value="6"><span> Option 6</span><br> 
<input type="radio" name="theme" value="7"><span> Option 7</span><br> 
<input type="radio" name="theme" value="8"><span> Option 8</span><br> 
<input type="radio" name="theme" value="9"><span> Option 9</span><br> 

JS：

var tmp = $('input[name="theme"][value="4"]').next().text(); 
alert(tmp); 

デモ：その方法は、それがJQuery

HTMLとテキストのターゲットに容易になるだろうhttps://jsfiddle.net/L8xzhu9u/

Answer 2

あなたはjquery attribute selectorを使用することができます。

$('input[name="theme"][value="4"]').html(); 

Answer 3

入力要素は、それに関連付けられた任意のテキストを持っていません。代わりに、次の兄弟をつかみ、それが保持するテキストコンテンツを表示したいと考えています。

また、先に説明したように、「オプション4」テキストをスパンにラップすることもできます。