Question

我在stackoverflow上看到了很多不同的方法。但是，我已经尝试过它们，无法让它发挥作用。

这是我目前的代码。

这是javascript

function printcardCheck() {
       if (document.getElementById('print_card').checked) {
            document.getElementById('printvoucher-receiver').style.display = 'block';
            document.getElementById('printvoucher-receiver').style.padding = '10px 0 0 0';
            document.getElementById('print_cards').value = 'Add this value';
        } 
                   else document.getElementById('printvoucher-receiver').style.display = 'none';
}

请参阅上面的小提琴链接。

Answer 1

只应该有一个id是'print_card'的标签，你有两个，所以当getElementById（'print_card'）将返回第一个，即收音机

Answer 2

http://jsfiddle.net/DerekL/Y4YNs/

我相信你想做这样的事情。我稍后会将其更改为原生JS。

<form>
    <label>
        <input type="radio" name="set1" value="A">A</label>
    <label>
        <input type="radio" name="set1" value="B">B</label>
    <label>
        <input type="radio" name="set1" value="C">C</label>
</form>
<div class="more" id="A">Some more options for A</div>
<div class="more" id="B">Some more options for B</div>
<div class="more" id="C">Some more options for C</div>

$("form input").change(function () {
    $(".more").removeClass("show")
        .filter("#" + $(this).val()).addClass("show");
});

javascript添加和删除输入值

2 个答案: