javascript onclick radio clear textbox

Question

Я хотел бы очистить текстовое поле, когда выбрана радиокнопка над текстовым полем.

Я попытался это:

function clearThis(target){ 
    target = document.getElementById(target); 
    target.value = ""; 
    } 

<input type="radio" name="not_req" id="clear_req" value="" 
     title="Click here to clear the No Auth need flag"><span id="clear" onclick = 'clearThis("claims")' >Clear 

Ящика Я хотел бы, чтобы очистить это

<input type="text" size="5" name="auth_for" id="claims" value="{$prior_auth->get_auth_for()}" title="Set the number of times no auth can be used"> 

Взял большую часть этого из http://jsfiddle.net/BMrUb/, но я могу видеть, что пример очистки прилегающего текстового поля , Я хотел бы очистить текстовое поле, не находящееся рядом с переключателем.

Answer 1

Как сказал Джеральд, введите onclick="" в <input type="radio" ... >, а не в <span>.

Answer 2

Проблема заключается в том, что элемент ввода для родного брата нуждается в очистке значения, а не в диапазоне, даже если вы хотите, чтобы он очищался, когда люди нажимают на элемент span. Итак, пример кода ниже делает это. Вам также лучше отключить javascript из вашего HTML, используя прослушиватели событий (и не используя старомодный атрибут onclick).

var clearSpanEl = document.getElementById("clear"); 

clearSpanEl.addEventListener("click", function(e) { 
    var inputEl = e.target.previousElementSibling; 
    inputEl.value = ""; 
}, false); 

---

<input type="text" name="search" id="search" value="I can be cleared" /> 
<span id="clear">Clear results</span> 

---

Я раздвоенный свой JSFiddle here, так что вы можете видеть, что это работает.