Javascript 不显示复选框的单选按钮

我已经创建了一些单选按钮，当点击显示价格。下面是我正在使用的代码

   <label for='<?php echo $price; ?>' class="tabs">
   <input type="radio" name="j" class="radioBtn" id='<?php echo $price; ?>' value="<?php echo $price; ?>" onclick="calculate(this);" />
   <?php echo $number; ?>
   </label>

价格和按钮正常工作，但我需要设置标签样式，以显示已选择正确的按钮。在DOM中，它表示已检查无线电输入，但未在HTML中呈现

我还需要得到第一个复选框作为默认选择

有人能帮我指出正确的方向吗

---

帕迪

grofar.com网站在我看来很不错。当你说标签上的样式不起作用时，你到底是什么意思？您是否尝试应用不同的颜色、字体等

至于默认选择第一个选项，您有几个选项。第一种方法是使用PHP确定第一种方法，并将

checked

属性添加到

input

元素中。例如，如果正在执行循环，如果循环计数器为1，则使用if/then语句设置checked属性

第二个选项是使用jQuery选择第一个框：

$(function() {
   $("input[name='j']:first").prop("checked", true);
});

$(function() {
    $("input[name='j']:first").click();
});

但是，使用该方法，不会调用

计算

函数，因此不会更新价格

第三个选项是使用jQuery模拟单击第一个框：

$(function() {
   $("input[name='j']:first").prop("checked", true);
});

$(function() {
    $("input[name='j']:first").click();
});

---

这将选择框并更新价格。

grofar.com网站在我看来很不错。当你说标签上的样式不起作用时，你到底是什么意思？您是否尝试应用不同的颜色、字体等

至于默认选择第一个选项，您有几个选项。第一种方法是使用PHP确定第一种方法，并将

checked

属性添加到

input

元素中。例如，如果正在执行循环，如果循环计数器为1，则使用if/then语句设置checked属性

第二个选项是使用jQuery选择第一个框：

$(function() {
   $("input[name='j']:first").prop("checked", true);
});

$(function() {
    $("input[name='j']:first").click();
});

但是，使用该方法，不会调用

计算

函数，因此不会更新价格

第三个选项是使用jQuery模拟单击第一个框：

$(function() {
   $("input[name='j']:first").prop("checked", true);
});

$(function() {
    $("input[name='j']:first").click();
});

---

这将选择框并更新价格。

根据您使用的HTML版本，输入框的id属性可能无效。例如，HTML4要求id以字母开头。所以价格并不是唯一标识符的最佳选择，特别是如果你有两个相同的价格。目前所有的价格都不同。这就是为什么无线电输入没有显示为checked的原因吗？我创建了一个静态版本的代码（没有PHP变量），它工作正常。有可能看到整个呈现的HTML吗？当然，这里可以找到要点：如果有帮助，页面的问题是：根据您使用的HTML版本，输入框的id属性可能无效。例如，HTML4要求id以字母开头。所以价格并不是唯一标识符的最佳选择，特别是如果你有两个相同的价格。目前所有的价格都不同。这就是为什么无线电输入没有显示为checked的原因吗？我创建了一个静态版本的代码（没有PHP变量），它工作正常。是否有可能看到整个呈现的HTML？当然，要点可以在这里找到：如果有帮助，页面的问题是：我正在尝试将选中的无线电标签设置为不同的颜色，并删除输入本身。但是，如果没有选中的输入，我无法使用jQuery将类添加到父类，而不是删除输入，您可以将其隐藏（

onclick=“calculate（this）；$（this）.hide（）”

）或禁用它（

onclick=“calculate（this）；$（this）.prop（'disabled'，true）

）？然后你仍然可以将新的样式应用于父项。我正在尝试将选中的收音机标签设置为不同的颜色，并删除输入本身。但是，如果没有选中的输入，我无法使用jQuery将类添加到父类，而不是删除输入，您可以将其隐藏（

onclick=“calculate（this）；$（this）.hide（）”

）或禁用它（

onclick=“calculate（this）；$（this）.prop（'disabled'，true）

）？然后您仍然可以将新样式应用于父级。