編程練習(xí)
小伙伴們，根據(jù)所學(xué)知識(shí)，實(shí)現(xiàn)網(wǎng)頁(yè)合同查看功能， 當(dāng)勾選了“同意條款”，則允許用戶進(jìn)行下一步操作。
效果圖:
任務(wù)
一、監(jiān)聽(tīng)勾選框的onchange事件，并根據(jù)自身的checked值，顯示隱藏“下一步按鈕”。
提示:
1.當(dāng)自身的checked為true時(shí)，按鈕顯示，反之隱藏。
注意：初始狀態(tài)按鈕是隱藏的，勾選框?yàn)榉沁x中狀態(tài)
- ?不會(huì)了怎么辦
-
可參考下面代碼或者在右下角"課件下載"區(qū)下載參考代碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#btn {
display: none;
}
</style>
<script type="text/javascript">
window.onload = function () {
// 獲取元素
var inp = document.getElementById('inp');
var btn = document.getElementById('btn');
inp.onchange = function () {
var checked = this.checked;
// 根據(jù)checked 值來(lái)顯示隱藏按鈕
}
}
</script>
</head>
<body>
<div>
<p>我是內(nèi)容條款！</p>
<p>我是內(nèi)容條款！</p>
<p>我是內(nèi)容條款！</p>
<p>我是內(nèi)容條款！</p>
<p>我是內(nèi)容條款！</p>
<p>我是內(nèi)容條款！</p>
</div>
<label><input id="inp" type="checkbox"/> 同意條款</label>
<p><button id="btn">下一步</button></p>
</body>
</html>
請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
