|
 |
| |
ขอคำแนะนำการเขียน code ให้ alert แจ้งเตือนเมื่อเลือก radio button ไม่ครบ |
| |
 |
|
|
 |
 |
|
ลองดูครับ
Code (JavaScript)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Register</title>
<script type="text/javascript">
function checkRadios(form) {
var btns = form.r0;
for (var i=0; el=btns[i]; i++) {
if (el.checked) return true;
}
alert('Please select a radio button');
return false;
}
</script>
</head>
<body>
<form id="f0" onsubmit="return checkRadios(this);">
one<input type="radio" name="r0"><br>
two<input type="radio" name="r0"><br>
three<input type="radio" name="r0"><br>
<input type="submit">
</form>
</body>
</html>
|
 |
 |
 |
 |
| Date :
2014-06-18 23:02:15 |
By :
bamossza |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ต่อยอดคุณ BAMOSSA นะครับ
Code (PHP)
<?php
if(isset($_POST['ans'])){
// ทำเมือมีการตอบ
print_r($_POST);
echo 'Do after this'; exit;
}
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Register</title>
</head>
<body>
<script type="text/javascript">
// ตัวอย่าง 4 ข้อ
var check_radio=Array(1,0,0,0,0); // เลข 1 อยู่ตำแหน่ง 0 จะไม่มีการส่งต่ำแหน่ง 0 รวม (จำนวนข้อ +1) = 5 ตัว
function onRadio_click(id){ // id มีค่ามากกว่า 0
check_radio[id]=1;
}
function checkRadios(){
var c=check_radio.indexOf(0);
if(c<0) {
document.getElementById('frm').submit();
} else alert('กรุณาตอบให้ครบทุกรายการ');
}
</script>
<form name="frm" id="frm" method="post" >
<input type="hidden" name="ans" value="1" />
1 <input type="radio" name="r[0]" value="ก" onchange="onRadio_click(1)" />ก.
<input type="radio" name="r[0]" value="ข" onchange="onRadio_click(1)" />ข.
<input type="radio" name="r[0]" value="ค" onchange="onRadio_click(1)" />ค.
<input type="radio" name="r[0]" value="ง" onchange="onRadio_click(1)" />ง.<br />
2 <input type="radio" name="r[1]" value="ก" onchange="onRadio_click(2)" />ก.
<input type="radio" name="r[1]" value="ข" onchange="onRadio_click(2)" />ข.
<input type="radio" name="r[1]" value="ค" onchange="onRadio_click(2)" />ค.
<input type="radio" name="r[1]" value="ง" onchange="onRadio_click(2)" />ง.<br />
3 <input type="radio" name="r[2]" value="ก" onchange="onRadio_click(3)" />ก.
<input type="radio" name="r[2]" value="ข" onchange="onRadio_click(3)" />ข.
<input type="radio" name="r[2]" value="ค" onchange="onRadio_click(3)" />ค.
<input type="radio" name="r[2]" value="ง" onchange="onRadio_click(3)" />ง.<br />
4 <input type="radio" name="r[3]" value="ก" onchange="onRadio_click(4)" />ก.
<input type="radio" name="r[3]" value="ข" onchange="onRadio_click(4)" />ข.
<input type="radio" name="r[3]" value="ค" onchange="onRadio_click(4)" />ค.
<input type="radio" name="r[3]" value="ง" onchange="onRadio_click(4)" />ง.<br />
<input type="button" value="Submit" onclick="checkRadios()">
</form>
</body>
</html>
|
ประวัติการแก้ไข
2014-06-22 06:43:40
2014-06-22 06:44:47
2014-06-22 06:46:41
2014-06-22 07:05:01
2014-06-22 07:21:41
2014-06-22 07:22:15
2014-06-22 07:36:20
| |
|
|
| |
| Date :
2014-06-22 06:41:11 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
