javascript添加和删除输入值答案

【问题标题】：javascript add and remove input valuejavascript添加和删除输入值
【发布时间】：2014-01-24 01:15:59
【问题描述】：

我在 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 为 giftvoucher-receiver 的元素，你甚至还没有定义 mailcardCheck()。
嗨，很抱歉。那是我没有带来的其他代码。我更新了我的代码和小提琴。

标签： javascript html html-input

【解决方案1】：

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");
});

【讨论】：

这对我不起作用。提交表单时，我需要使用输入标签来传递数据。另外，我想在单击时添加该值，如果单击另一个选项则删除该值，这样该值就不会被提交。
@MagentoMan - 您不必使用value 来指示要显示的选项。你可以使用任何你喜欢的属性。您还可以在change 侦听器中使用switch 在选中不同选项时执行特定命令。
你能看看我的小提琴，看看你是否可以让它在点击时添加值，如果点击另一个选项，则将其删除？
@MagentoMan - 如果你不想要 jQuery，我可以将其更改为原生 JavaScript。
我将它添加到我的网站，但它不想工作。你能提供javascript示例吗？谢谢！

【解决方案2】：

应该只有一个id是'print_card'的标签，你有两个，所以当getElementById('print_card')会返回第一个，那就是收音机

【讨论】：

感谢您指出这一点。我已经更新了代码和小提琴，但它仍然不起作用。