Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > ช่วยครับ เรื่อง checkbox. บังคับเลือก 1 อันแล้วแสดงผล ให้มีเครื่องหมายตามไปด้วยทำไงครับ


[PHP] ช่วยครับ เรื่อง checkbox. บังคับเลือก 1 อันแล้วแสดงผล ให้มีเครื่องหมายตามไปด้วยทำไงครับ

 
Topic : 118436



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



สถานะออฟไลน์



ผม ทำ Checkbox. แล้ว บังคับให้ เลือกได้. 1 อย่าง เวลาแสดงผล อยากให้ เครื่องหมาย ติ๊กถูก แสดงพร้อมกันด้วยทำอย่างไงครับ
แล้วตัวที่ไม่ได้เลือก ขึ้นตามมา ต้องเขียน เงื่อนไข อย่างไง ใครมีตัวอย่างประมาณนี้ช่วยหน่อยนะครับ ขอบคุณครับ



Tag : PHP, jQuery

Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-08-18 17:45:38 By : totaesb View : 2363 Reply : 6
 

 

No. 1



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



สถานะออฟไลน์


ช่วยเรียบเรียงคำถามนิสนึงครับ
เอาโค้ดที่เขียนแล้วลงด้วย

แล้วก็ พวก version ต่างๆ ที่ใช้ จะได้ง่ายกับการช่วยเหลือ
** เช่น jquery v. 2.1.4
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-18 17:57:23 By : CasanovaKung
 

 

No. 2



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



สถานะออฟไลน์


หน้า Form
form checkbox บังคับ ให้ เลือก ได้ 1 ข้อ เท่านั้น ผมอยากให้ไปแสดงผล โดยที่เครื่องหมายติ๊กถูก ไปแสดงด้วยในหัวข้อทีี่เราติ๊กถุกครับ
ปัญหา อีกอย่าง หัวข้อที่ไม่ติ๊ก ตอนนี้ มัน ขึ้น notice ต้อง กำหนดเงื่อนไข ยังไงครับ ขบอคุณครับ
Code (PHP)

02. <form action="checkbox-form.php" method="post">
03. 
04.     ตัวเลือกที่ 1    <input type="checkbox" id="data_item1" name="data_item1" value="1"class="css_data_item" /> <br>
05.      ตัวเลือกที่ 1   <input type="checkbox" id="data_item2" name="data_item2" value="1" class="css_data_item"/><br>
06.       ตัวเลือกที่ 1   <input type="checkbox" id="data_item3" name="data_item3" value="1"class="css_data_item" /><br>
07.       ตัวเลือกที่ 1  <input type="checkbox" id="data_item4" name="data_item4" value="1"class="css_data_item" /><br>
08.    <input type="submit" name="formSubmit" value="Submit" />
09.</form>
10. 
11.      
12.    <script type="text/javascript">   
13.    $(function(){         
14.             
15.        $(".css_data_item").click(function(){  // เมื่อคลิก checkbox  ใดๆ   
16.            if($(this).prop("checked")==true){ // ตรวจสอบ property  การ ของ    
17.                var indexObj=$(this).index(".css_data_item"); //    
18.                $(".css_data_item").not(":eq("+indexObj+")").prop( "checked", false ); // ยกเลิกการคลิก รายการอื่น   
19.            }   
20.        });   
21.       
22.        $("#form_checkbox1").submit(function(){ // เมื่อมีการส่งข้อมูลฟอร์ม   
23.            if($(".css_data_item:checked").length==0){ // ถ้าไม่มีการเลือก checkbox ใดๆ เลย   
24.                alert("NO");   
25.                return false;      
26.            }   
27.        });      
28.                 
29.    });   
30.    </script>   



ประวัติการแก้ไข
2015-08-18 21:21:07
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-18 21:06:40 By : totaesb
 

 

No. 3



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



สถานะออฟไลน์


หน้า แสดงผล ครับ
Code (PHP)
01.<input type="checkbox" value="1"  <?php echo )($_POST['data_item1']
02. ==1?'checked="checked"':'') ?>
03.<input type="checkbox" value="1"  <?php echo ($_POST['data_item2']
04. ==1?'checked="checked"':'') ?> />
05.<input type="checkbox" value="1" <?php echo ($_POST['data_item3']
06.  ==1?'checked="checked"':'') ?> />
07.<input type="checkbox" value="1" <?php echo ($_POST['data_item4' ]
08.  ==1?'checked="checked"':'') ?>  />
09. 
10. 
11. 
12. 
13. 
14.  

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-18 21:07:34 By : totaesb
 

 

No. 4



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : CasanovaKung เมื่อวันที่ 2015-08-18 17:57:23
รายละเอียดของการตอบ ::
ยังไง ช่วยดูให้หนอ่ยนะครับ ขอบคุณครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-18 21:15:51 By : totaesb
 

 

No. 5



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



สถานะออฟไลน์


หน้าแสดงผล ประมาณนี้
Code (PHP)
01.<?php
02.$item1 = isset($_POST['data_item1']) && (int)$_POST['data_item1'] == 1 ? "checked" : "";
03.$item2 = isset($_POST['data_item2']) && (int)$_POST['data_item2'] == 1 ? "checked" : "";
04.$item3 = isset($_POST['data_item3']) && (int)$_POST['data_item3'] == 1 ? "checked" : "";
05.$item4 = isset($_POST['data_item4']) && (int)$_POST['data_item4'] == 1 ? "checked" : "";
06.echo "<input type='checkbox' value='1' {$item1} /> Item 1 Text";
07.echo "<input type='checkbox' value='1' {$item2} /> Item 2 Text";
08.echo "<input type='checkbox' value='1' {$item3} /> Item 3 Text";
09.echo "<input type='checkbox' value='1' {$item4} /> Item 4 Text";


ก็สามารถใช้ได้แล้วมั้ง?
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-19 00:34:18 By : CasanovaKung
 

 

No. 6



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 5 เขียนโดย : CasanovaKung เมื่อวันที่ 2015-08-19 00:34:18
รายละเอียดของการตอบ ::
ขอบคุณครับมากเลยครับ ใช้ได้เลยยย

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-19 09:03:39 By : totaesb
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ช่วยครับ เรื่อง checkbox. บังคับเลือก 1 อันแล้วแสดงผล ให้มีเครื่องหมายตามไปด้วยทำไงครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่