Question

使用jQuery或JavaScript如何在标签内显示文本。即文本是5和6

<label class="radio">
    <label style="display: none;">
        <input type="radio" name="x_keeper1_price" id="x_keeper1_price_0" value="21"/>
    </label>
    5
</label>

<label class="radio">
    <label style="display: none;">
        <label style="display: none;">
            <input type="radio" name="x_Defd5_price" id="x_Defd5_price_0" value="28"/>
        </label>
    </label>
    6
</label>


<div id="Price" class="Price">
   display 5 here 
</div>
<div id="Price2" class="Price2">
    display 6 here 
</div>

Answer 1

您的HTML代码有点奇怪，嵌套label代码并不是一个好主意，我已根据我的建议准备了一个JSFiddle：http://jsfiddle.net/ZJ7Rg/2/

修改后的HTML代码：

<label id="l1" class="radio"><span style="display: none;">
    <input type="radio" name="x_keeper1_price" id="x_keeper1_price_0" value="21"/>
</span>5</label>

<label id="l2" class="radio"><label style="display: none;">
    <span style="display: none;"><input type="radio" name="x_Defd5_price" id="x_Defd5_price_0" value="28"/>
</span></label>6</label>

<div id="price" class="Price">
   display 5 here 
</div>
<div id="price2" class="Price2">
    display 6 here 
</div>

关于jQuery代码非常简单，您可以使用text()方法在标记中读取和设置文本内容，例如：

$('#price').text($('#l1').text());
$('#price2').text($('#l2').text());

text()方法说明：获取匹配元素集合中每个元素的组合文本内容，包括它们的后代。

Answer 2

首先，你必须让你的结构正确。您的HTML需要简单!!!

基本标签声明：

<input type="radio" name="x_keeper1_price" id="x_keeper1_price_0" value="21">
<label for="x_keeper1_price_0">5</label>

然后，如果您希望标签显示文本显示在单独的div中，请执行以下操作：

//get the text from the lable
var lableText = $("label[for='x_keeper1_price_0']").text();

//put it inside the div
$("#Price").html("display " + lableText + " here");

你的问题有点令人困惑所以我希望这就是你要找的东西

如何在div中的单选按钮中显示标签文本

2 个答案: