Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > ช่วยดูให้ทีครับ เรื่อง การ alert เมื่อเช็ค radio button ไม่ครบ

ช่วยดูให้ทีครับ เรื่อง การ alert เมื่อเช็ค radio button ไม่ครบ

เริ่มหัวข้อใหม่

Poonny

โพสกระทู้ ( 52 )
บทความ ( 0 )

Code (JavaScript)

<body>

	<script type="text/javascript">//1
	function checkRadios(form) {
   	var btns = form.social1;
   	for (var i=0; el=btns[i]; i++){
     	if (el.checked) return true;
   		}
   			alert('กรุณากรอกแบบสอบถามให้ครบ');
   			return false;
		}
	</script>
    
</body>
<body>
<form id="form1" name="form1" method="post" action="page5.php" onsubmit="return checkRadios(this)">

จากโค้ดที่ผมยกมาคือส่วนที่ผมเอาไว้เช็คว่า radio button เช็คครบไหม แต่ปัญหาของผมคือ ถ้ามันมีข้ออื่นด้วยจะเช็คยังไงครับ คือในโค้ดมันคือ var btns = form.social1; ซึ่งข้อแรกผมชื่อ social1 แต่ยังมี social2 และอื่นๆ ผมจะเขียนโค้ดได้ยังไงครับ ผมลองบ้างแล้วบางส่วน เช่น เปลี่ยนจาก social1 ไปเป็นอันอื่น มันเช็คจริง แต่ถ้ามีห้าข้อพอเช็คข้อสุดท้ายมันก็ไม่เช็คให้ครับว่าไม่ครบมันถัดไปหน้าอื่นเลย พอจะมีวิธีแก้ไหมครับหรือโค้ดอื่นๆช่วยแนะนำหน่อยนะครับ

ปล. https://www.thaicreate.com/tutorial/javascript-check-radio-button.html ลิ้งนี้ก็ลองแล้วครับ แต่มันติดตรงที่ มันไม่ยอมเช็คข้อ 1 แต่ข้ออื่นเช็คหมด

Tag : PHP, HTML/CSS, JavaScript

ประวัติการแก้ไข
2014-06-23 00:21:24

Date : 2014-06-23 00:20:52

By : punza2013

View : 1234

Reply : 2

No. 1

Chaidhanan

โพสกระทู้ ( 9,559 )
บทความ ( 2 )

มันผิดตั้งแต่ตอนออกแบบ HTML แล้วครับ
สำหรับคุณผมวิเคราะห์จากที่บอกมากคุณออกแบบ radio ไว้ดังนี้

<input type=radio name="social1" value='1' />
<input type=radio name="social1" value='2' />
<input type=radio name="social1" value='3' />
<input type=radio name="social1" value='4' />

<input type=radio name="social2" value='1' />
<input type=radio name="social2" value='2' />
<input type=radio name="social2" value='3' />
<input type=radio name="social2" value='4' />
ซึ่งชื่อแบบนี้ คุณต้อง ส่งค่าเป็นบันทัด
เช่น
Code (JavaScript)

function radio_chk(radio) {
     var c=radio.length;
     for (var i=0; i<c; i++){
          if (radio[i].checked) return true;
     }
     return false;
}
function checkRadios(form){
     if(! radio_chk( form.social1)) return false;
     if(! radio_chk( form.social2)) return false;
     if(! radio_chk( form.social3)) return false;
     if(! radio_chk( form.social4)) return false;
     if(! radio_chk( form.social5)) return false;
     if(! radio_chk( form.social6)) return false;
     if(! radio_chk( form.social7)) return false;
     if(! radio_chk( form.social8)) return false;
     if(! radio_chk( form.social9)) return false;
    //  ยาวไปเรื่อยตามจำนวนข้อ
    return true;
}

แต่ถ้าคุณรู้รหัสเลขข้อข้างหลัง ก็อาจทำเป็นสูตรได้ ซึ่งมันต้องรู้จำนวนข้อ
รู้ทุกอย่าง ต้องมีการ กำหนด ค่าตัวแปร เป็น constant หลายตัว
เช่น var start_id=1, end_id=10; nm='social';
Code (JavaScript)

function radio_chk(radio) {
     var c=radio.length;
     for (var i=0; i<c; i++){
          if (radio[i].checked) return true;
     }
     return false;
}
function checkRadios(form){
    var start_id=1, end_id=10; nm='social'; 
    for( var i=start_id; i<=end_id; i++){ 
      if(! radio_chk( form[nm + i] ) ) return false;
    }
    return true;
}

แต่ถ้าคุณทำเป็น array คุณแค่รู้ ชื่อ array ตัวเดียว
ในรูปแบบของ Radio ที่ต้องเอามาเข้าสูตร เราต้อง ออกแบบให้มันเป็น array ครับ

<input type=radio name="social[0]" value='1' />
<input type=radio name="social[0]" value='2' />
<input type=radio name="social[0]" value='3' />
<input type=radio name="social[0]" value='4' />

<input type=radio name="social[1]" value='1' />
<input type=radio name="social[1]" value='2' />
<input type=radio name="social[1]" value='3' />
<input type=radio name="social[1]" value='4' />

ต้องออกแบบแบบนี้ครับ ให้ชื่อเหมือนกัน ต่างกันที่เลขภายใน []
function ก็จะเรียกได้ง่ายขึ้น
Code (JavaScript)

function radio_chk(radio) {
     var c=radio.length;
     for (var i=0; i<c; i++){
          if (radio[i].checked) return true;
     }
     return false;
}
function checkRadios(form) {
     var c=form.social.length;
     for (var i=0; i<c; i++){
          if (!radio_chk(form.social[i]) ){
               alert('กรุณากรอกแบบสอบถามให้ครบ');
               return false;
          }
     }
     return false;
}

เป็นตัวอย่างนะครับ อย่าก๊อปไปใช้เลยล่ะครับ อ่านก่อนและนำไปปรับแก้นะครับ

ประวัติการแก้ไข
2014-06-23 07:26:34

Date : 2014-06-23 07:23:27

By : Chaidhanan

No. 2

Poonny

โพสกระทู้ ( 52 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 1 เขียนโดย : Chaidhanan เมื่อวันที่ 2014-06-23 07:23:27

รายละเอียดของการตอบ ::

ขอบคุณสำหรับคำแนะนำดีๆนะครับผม

Date : 2014-06-25 10:33:57

By : punza2013

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยดูให้ทีครับ เรื่อง การ alert เมื่อเช็ค radio button ไม่ครบ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01