javascript添加和删除输入值

我在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';
}

---

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

应该只有一个id为“打印卡”的标记，并且您有两个，因此当getElementById（“打印卡”）将返回第一个标记时，即收音机

我相信你想做这样的事。稍后我会将其更改为原生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>

---

你期望的结果是什么？我的意思是，没有id为

giftvoucher receiver

的元素，您甚至还没有定义

mailcardCheck（）

。嗨，很抱歉。这是我没有带来的另一个代码。我更新了我的代码和小提琴。谢谢你指出这一点。我已经更新了代码和fiddle，但仍然不起作用。这对我来说不起作用。提交表单时，我需要使用输入标记来传递数据。另外，我想在单击时添加值，如果单击了其他选项，则删除该值，这样该值就不会被提交。@MagentoMan-您不必使用

值

来指示要显示的选项。您可以使用您喜欢的任何属性。您还可以在

change

监听器中使用

switch

对选中的不同选项执行特定命令。您可以看看我的小提琴，看看是否可以让它在单击时添加值，而在单击另一个选项时将其删除？@MagentoMan-如果您不需要jQuery，我可以将其更改为本机JavaScript。I添加到我的网站，但它不想工作。您能提供javascript示例吗？谢谢

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