Question

我创建了一些单选按钮，点击后显示价格。我正在使用的代码如下..

   <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>

然后价格显示如下：

<span class="prices" id="output"></span>

通过

function calculate(obj) { document.getElementById("output").innerHTML = obj.value;}

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

我还需要将第一个复选框选为默认选项。

任何人都可以帮我指出正确的方向吗？

水稻

Answer 1

grofar.com网站对我来说很好看。当你说造型没有在标签上工作时，你究竟是什么意思？您是否尝试应用不同的颜色，字体等？

对于默认选择第一个选项，您有几个选项。第一种方法是使用PHP确定第一个，并将checked属性添加到input元素。例如，如果您正在进行循环，则在循环计数器为1时使用if / then语句设置checked属性。

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

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

但是，使用该方法，您的calculate功能未被调用，因此价格未更新。

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

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

这将选择框并更新价格。

收音机按钮未显示已选中

1 个答案: