โค้ด agree ใครพอจะเขียนโค้ดเพื่อเป็นแนวๆได้บ้างครับ ตอนแรกปุ่มภาพตกลง มันจางๆ (คลิกไม่ได้ ภาพที่1)

<script>
function fncAgree(){
	if(document.getElementById('chkbox').checked){
		document.getElementById('accept').disabled=false;
	}else{
		document.getElementById('accept').disabled=true
	}
}
</script>
<input type="checkbox"  id="chkbox" onclick="fncAgree()">agree <br/>
<input type='button' id="accept" value="accept" disabled>

<script>
function fncAgree(){
	if(document.getElementById('chkbox').checked){
		document.getElementById('accept').style.cursor= "pointer";  // สร้าง cursor ให้เสมือนสามารถทำไรต่อได้
		document.getElementById('accept').src ="mg/ok2.jpg";
	}else{
		document.getElementById('accept').style.cursor= "text"; // สร้าง cursor ให้เสมือนไม่สามารถทำไรได้ 
		document.getElementById('accept').src ="mg/ok1.jpg";
	}
}
function check(){
	if(document.getElementById('chkbox').checked){ // ก่อน submit เช็คอีกทีว่าติ๊ก agree ยัง
		 return true;   
	}
	return false;
}
window.onload=function(){   //ควรใช้ onload ในการเรียกภาพน่ะครับ จะได้ไม่เพี้ยน
	document.getElementById('chkbox').checked =false;  
	document.getElementById('accept').src ="mg/ok1.jpg";
}
</script>
<form  method="post" id="frm" action="next.html" onsubmit=" return check()">
<input type="checkbox" id="chkbox" onClick="fncAgree()"> agree
<input type="image" id="accept" src="" width="90" height="30" border="0"  style="cursor:text" >   src จะใส่หรือไม่ใส่ก็ได้เพราะยังไงเราก็ onload เรียกรูปภาพมาอยู่แล้ว 
<form>