通過做出選擇來顯示下一個字段集

對於我的前端開發類，我必須製作一個帶有多個字段集的表單。我做到了，沒問題，但現在下一個分配就是通過做出選擇來顯示下一個字段。通過做出選擇來顯示下一個字段集

益WIL mijn aanmelden： VOOR EEN項目

  <input id="Stage" type="radio"/> 
      <label for="Stage">Als stagebedrijf</label>

在上面，你會發現我的代碼中有發生。用戶需要做出選擇，或者「完成項目」或「als stagebedrijf」。我知道我必須用JavaScript做到這一點，所以我已經創建了一個文件。它不能在HTML文件中使用onClick。

所以我的問題是，我該怎麼做這樣的事情？

非常感謝！

來源

2014-10-06 Shan

您可以使用'addEventListener' method添加事件處理程序。

這裏是一個小提琴：

http://jsfiddle. net/bj0mba74/1/

（你要刪除的鏈接的空間

HTML：

<form> 
    <input id="radio_1" name="my_radio" type="radio"/> 
    <label for="radio_1">Radio 1</label> 
    <input id="radio_2" name="my_radio" type="radio"/> 
    <label for="radio_2">Radio 2</label> 
    <fieldset> 
     <input type="text" value="Fieldset 1" /> 
    </fieldset> 
    <fieldset> 
     <input type="text" value="Fieldset 2" /> 
    </fieldset> 
</form>

JS：

function enableFieldset1() { 
    /* Code to enable fieldset 1 goes here. */ 
    alert('Enable fieldset 1'); 
} 

function enableFieldset2() { 
    /* Code to enable fieldset 2 goes here. */ 
    alert('Enable fieldset 2'); 
} 

document.getElementById('radio_1').addEventListener('click', enableFieldset1); 
document.getElementById('radio_2').addEventListener('click', enableFieldset2);

來源

2014-10-06 10:57:24 Marvin

通過做出選擇來顯示下一個字段集

回答

相關問題