<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <form action="checkbox-form.php" method="post"> ตัวเลือกที่ 1 <input type="checkbox" id="data_item1" name="data_item1" value="1"class="css_data_item" /> <br> ตัวเลือกที่ 1 <input type="checkbox" id="data_item2" name="data_item2" value="1" class="css_data_item"/><br> ตัวเลือกที่ 1 <input type="checkbox" id="data_item3" name="data_item3" value="1"class="css_data_item" /><br> ตัวเลือกที่ 1 <input type="checkbox" id="data_item4" name="data_item4" value="1"class="css_data_item" /><br> <input type="submit" name="formSubmit" value="Submit" /> </form> <script type="text/javascript"> $(function(){ $(".css_data_item").click(function(){ // เมื่อคลิก checkbox ใดๆ if($(this).prop("checked")==true){ // ตรวจสอบ property การ ของ var indexObj=$(this).index(".css_data_item"); // $(".css_data_item").not(":eq("+indexObj+")").prop( "checked", false ); // ยกเลิกการคลิก รายการอื่น } }); $("#form_checkbox1").submit(function(){ // เมื่อมีการส่งข้อมูลฟอร์ม if($(".css_data_item:checked").length==0){ // ถ้าไม่มีการเลือก checkbox ใดๆ เลย alert("NO"); return false; } }); }); </script>
<input type="checkbox" value="1" <?php echo )($_POST['data_item1'] ==1?'checked="checked"':'') ?> <input type="checkbox" value="1" <?php echo ($_POST['data_item2'] ==1?'checked="checked"':'') ?> /> <input type="checkbox" value="1" <?php echo ($_POST['data_item3'] ==1?'checked="checked"':'') ?> /> <input type="checkbox" value="1" <?php echo ($_POST['data_item4' ] ==1?'checked="checked"':'') ?> />
<?php $item1 = isset($_POST['data_item1']) && (int)$_POST['data_item1'] == 1 ? "checked" : ""; $item2 = isset($_POST['data_item2']) && (int)$_POST['data_item2'] == 1 ? "checked" : ""; $item3 = isset($_POST['data_item3']) && (int)$_POST['data_item3'] == 1 ? "checked" : ""; $item4 = isset($_POST['data_item4']) && (int)$_POST['data_item4'] == 1 ? "checked" : ""; echo "<input type='checkbox' value='1' {$item1} /> Item 1 Text"; echo "<input type='checkbox' value='1' {$item2} /> Item 2 Text"; echo "<input type='checkbox' value='1' {$item3} /> Item 3 Text"; echo "<input type='checkbox' value='1' {$item4} /> Item 4 Text";
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง