找到html中的所有单选按钮,并使用整个属性和值复制此按钮

时间:2014-02-06 21:00:25

标签: javascript jquery html

我想添加一个JS函数,可以搜索所有“input [type] = radio”按钮,并在新div中输出所有原始属性和值。

例如:

我想选择所有单选按钮部分并在“div1”中输出

<div id=main>
<input type="text" name="_nkw" id="_nkw" size="50" maxlength="300" value="" placeholder="Enter keywords or item number">
<select name="_in_kw" id="_in_kw" size="1">
<option value="1" selected="selected">All words, any order</option>
<option value="2">Any words, any order</option>
<option value="3">Exact words, exact order</option>
<option value="4">Exact words, any order</option>
</select>
<input type="radio" id="LH_PrefLocRadio" name="_fsradio2" value="&amp;LH_PrefLoc=1" disabled="disabled" checked="checked">
...(there contain some other items)
<input type="radio" disabled="disabled" class="from_sellers_aspect_chbx" checked="checked" id="LH_SpecificSeller_id" name="_fsradio" value="&amp;LH_SpecificSeller=1">
</div>

<div id=div1>
<p id="output"></p>   
</div>

然后一些输出应出现在div1部分中,如:

<div id=div1>
<input type="radio" id="LH_PrefLocRadio" name="_fsradio2" value="&amp;LH_PrefLoc=1" disabled="disabled" checked="checked">
<input type="radio" disabled="disabled" class="from_sellers_aspect_chbx" checked="checked" id="LH_SpecificSeller_id" name="_fsradio" value="&amp;LH_SpecificSeller=1">
</div>

在浏览器中,显示页面按钮中会出现更多单选按钮。

1 个答案:

答案 0 :(得分:1)

克隆元素并将它们附加到输出

http://api.jquery.com/clone/

jQuery('#main input[type=radio]').clone().appendTo('#output')