2014-01-23 87 views
0

有很多不同的方式我看到在這裏做到這一點在stackoverflow。但是,我已經嘗試過它們,無法啓動它。javascript添加和刪除輸入值

這是我目前的代碼。

http://jsfiddle.net/tech0925/C9Z8N/5/

這裏是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'; 
} 

見上小提琴鏈接。

+0

什麼是您預期的結果?我的意思是,沒有id爲'giftvoucher-receiver'的元素,你甚至沒有定義'mailcardCheck()'。 –

+0

嗨,對不起,這。那是其他代碼,我沒有帶過來。我更新了我的代碼和小提琴。 – MagentoMan

回答

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

這不適合我。提交表單時,我需要使用輸入標籤來傳輸數據。另外,我想在單擊時添加該值,並在單擊另一個選項時刪除該值,以免提交該值。 – MagentoMan

+0

@MagentoMan - 您不必使用'value'來指示要顯示的選項。你可以使用任何你喜歡的屬性。你也可以在'change'監聽器中使用'switch'來檢查不同的選項時執行特定的命令。 –

+0

你可以看看我的小提琴,看看你是否可以增加點擊的價值,並刪除它,如果另一個選項被點擊,而不是? – MagentoMan

1

應該只有一個標記,ID爲「print_card」,和你有兩個,所以當的getElementById(「print_card」)將返回第一個,那就是無線電

+0

謝謝你指出。我更新了代碼和小提琴,但它仍然不起作用。 – MagentoMan