點選按鈕顯示隱藏內容
阿新 • • 發佈:2019-01-06
<li>
<input type="radio" onclick="ydiaosai()">
<label >點選顯示</label>
</li>
<li>
<input type="radio" onclick="ndiaosai()">
<label >點選隱藏</label>
</li>
<script >
function ydiaosai(){
if(document.getElementById("kawei" ).style.display=="none")//這個kawei是下面需要進行隱藏或者顯示的控制元件的ID,一開始是隱藏的
document.getElementById("kawei").style.display="block"
}
function ndiaosai(){
if(document.getElementById("kawei").style.display=="block")
document.getElementById("kawei").style.display="none"
}
</script>
<li id="kawei" style="display:none;">
<label>輸入。。。。</label>
<input type="text">
</li>