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,027

HOME > Java Programming > Java Forum > checkbox มีวิธีทำให้เลือกข้ามกันไม่ได้ ไหมครับ ที่ต้องการคือไม่ให้มันเลือกข้ามช่องกันได้ครับ ถ้าเลือกได้ก็ต้องเลือกต่อๆ หรือ ติดๆกันเท่านั้นครับ



 

checkbox มีวิธีทำให้เลือกข้ามกันไม่ได้ ไหมครับ ที่ต้องการคือไม่ให้มันเลือกข้ามช่องกันได้ครับ ถ้าเลือกได้ก็ต้องเลือกต่อๆ หรือ ติดๆกันเท่านั้นครับ

 



Topic : 099659



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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



ที่ต้องการคือไม่ให้มันเลือกข้ามช่องกันได้ครับ ถ้าเลือกได้ก็ต้องเลือกต่อๆ หรือ ติดๆกันเท่านั้นครับ
*ในที่นี้เผื่อกรณีข้อมูลมีจำนวนแถวมากกว่านี้ด้วยนะครับ ที่แค็ปให้ดูเป็นตัวอย่าง จริงๆมันเยอะกว่านี้ครับ*

checkboxalert2



ขอบคุณครับ



Tag : Java, HTML/CSS, JavaScript, Ajax, jQuery









ประวัติการแก้ไข
2013-08-27 12:42:51
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-08-27 12:41:39 By : Dragons_first View : 1991 Reply : 25
 

 

No. 1



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ดันเย็นๆ ขอแนวทางก็ได้คับ เด๋วไปเขียนเอง แบบว่ามึนฮะคิดไม่ออก ขอบคุณครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-27 17:18:56 By : Dragons_first
 


 

No. 2



โพสกระทู้ ( 11,835 )
บทความ ( 10 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


disable ไว้ แล้ว click อันแรก enable next radio button
uncheck ก็ disable
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-27 22:27:16 By : PlaKriM
 

 

No. 3



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

สมาชิกที่ใส่เสื้อไทยครีเอท

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


ผมยัง ไม่เข้าใจ ความต้องการชัดเจนนะครับ
ลอจิกเดิมยังอยู่ไหมครับ ลองเล่นดูครับ
Code (PHP)
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    </head>
    <body>
        <?php
        echo '<table>';
        for ($r = 0; $r < 5; $r++) {
            echo '<tr>';
            for ($c = 0; $c < 20; $c++) {
                echo '<td>', ($r == 0 ? '<input type="checkbox" id="chk' . $c . '" value="my-value" rel="' . $c . '"/>' : 'xxx'), '</td>';
            }
            echo '<tr>';
        }
        echo '</table>';
        ?>
        <script>
            // script here
        </script>
    </body>
</html>


Requirement ปัจจุบัน
<script>
            var elm = '#chk';
            $(document).ready(function() {
                $('table input:checkbox').change(function() {
                    var data = [];
                    $('input[type=checkbox]').each(function() {
                        if (this.checked) {
                            data.push($(this).attr('rel'));
                            $('tr td:nth-child(' + ($(this).parent('td').index() + 1) + ')').css('background', 'red');
                        }
                    });
                    $('input:checkbox:not(:checked)').each(function() {
                        if (parseInt($(this).attr('rel')) + 1 < data[0] || parseInt($(this).attr('rel')) - 1 > data[data.length - 1])
                            $(this).attr("disabled", true);
                        else
                            $(this).attr("disabled", false);
                        $('tr td:nth-child(' + ($(this).parent('td').index() + 1) + ')').removeAttr('style');
                    });
                });
            });
        </script>

Requirement ปัจจุบัน + Requirement ก่อนหน้านี้
<script>
            var elm = '#chk';
            $(document).ready(function() {
                var checker = 0;
                $('table input:checkbox').change(function() {
                    var data = [];
                    checker++;
                    $('input[type=checkbox]').each(function() {
                        if(checker < 2)
                             $(this).attr("disabled", false);
                        if (this.checked)
                            data.push($(this).attr('rel'));
                        $('tr td:nth-child(' + ($(this).parent('td').index() + 1) + ')').css('background', 'red');
                    });
                    checker = (data.length < 2) ? data.length : checker;
                    if (checker === 2) {
                        for (var i = data[0]; i <= data[data.length - 1]; i++)
                            $(elm + i).prop('checked', true);
                    }
                    $('input:checkbox:not(:checked)').each(function() {
                        if (checker > 1) {
                            if (parseInt($(this).attr('rel')) + 1 < data[0] || parseInt($(this).attr('rel')) - 1 > data[data.length - 1])
                                $(this).attr("disabled", true);
                            else
                                $(this).attr("disabled", false);
                        }else
                            $(this).attr("disabled", false);
                        $('tr td:nth-child(' + ($(this).parent('td').index() + 1) + ')').removeAttr('style');
                    });
                });
            });
        </script>



ประวัติการแก้ไข
2013-08-28 00:25:00
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-27 23:50:38 By : t-monroe
 


 

No. 4



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ขออภัยพี่ๆในนี้นะครับ พอดีช่วงนี้ งานเยอะ + ยุ่ง คิดไรไม่ค่อยออก บางทีคิดจนปวดหัวไปเลยก็มีครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 09:53:18 By : Dragons_first
 


 

No. 5



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ตอบความคิดเห็นที่ : 3 เขียนโดย : t-monroe เมื่อวันที่ 2013-08-27 23:50:38
รายละเอียดของการตอบ ::
ขอบคุณมากๆครับ ผมลืมดึงโค๊ดล่าสุดมาแปะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 09:55:09 By : Dragons_first
 


 

No. 6



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ตอบความคิดเห็นที่ : 3 เขียนโดย : t-monroe เมื่อวันที่ 2013-08-27 23:50:38
รายละเอียดของการตอบ ::
สุดยอดครับ แบบนี้แหละครับ ขอบคุณมากๆครับ กราบงามเลยครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 10:03:48 By : Dragons_first
 


 

No. 7



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

รบกวนอีกนิดครับ กรณีที่ รีเฟรช แล้ว ตัว disable มันหาย กลับมาให้ enable ต่อ มีวิธีการแก้ไขอย่างไรครับ ขอบคุณครับ

befor
befor

after
after
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 11:15:49 By : Dragons_first
 


 

No. 8



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

อันนี้โค๊ดล่ะสุดที่ ทางคุณ t-monroe ปรับมาให้ครับ

ลักษณะตอนนี้ของโค๊ดนี้ คือ เมื่อทำการติ๊กไปมันจะ disable ให้ ปรกติ อันนี้ใช้งานได้ครับ แต่พอกดรีเฟรชไปแล้ว ช่องที่มัน disable ไว้ มันกลับมาเป็น enable อีก ครับ ตามรูปกระทู้บนนะครับ ขอบคุณครับ

Code (PHP)
<html>
<head>
<style>
#sometable td {
    width:80px;
    text-align:center;
}
</style>
</head>
<body>

<table id="sometable" border='1'>
    <tr>
        <td>&nbsp;</td>
        <td><input type="checkbox" name="Checkbox[]" id="chk1" rel="1" value="1"></td>
        <td><input type="checkbox" name="Checkbox[]" id="chk2" rel="2"  value="2"></td>
        <td><input type="checkbox" name="Checkbox[]" id="chk3" rel="3"  value="3"></td>
        <td><input type="checkbox" name="Checkbox[]" id="chk4" rel="4"  value="4"></td>
        <td><input type="checkbox" name="Checkbox[]" id="chk5"  rel="5"  value="5"></td>
        <td><input type="checkbox" name="Checkbox[]" id="chk6" rel="6"  value="6"></td>
        <td><input type="checkbox" name="Checkbox[]" id="chk7"  rel="7"  value="7"></td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>&nbsp;</td>
    </tr>        
    <tr>
        <td>&nbsp;</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>&nbsp;</td>
    </tr>   
    <tr>
        <td>&nbsp;</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>&nbsp;</td>
    </tr>        
    <tr>
        <td>&nbsp;</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>&nbsp;</td>
    </tr>
    </table>

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
	var elm = '#chk';
	$(document).ready(function() {
		var checker = 0;
		$('table input:checkbox').change(function() {
			var data = [];
			checker++;
			$('input[type=checkbox]').each(function() {
				if(checker < 2)
					 $(this).attr("disabled", false);
				if (this.checked)
					data.push($(this).attr('rel'));
				$('tr td:nth-child(' + ($(this).parent('td').index() + 1) + ')').css('background', 'red');
			});
			checker = (data.length < 2) ? data.length : checker;
			if (checker === 2) {
				for (var i = data[0]; i <= data[data.length - 1]; i++)
					$(elm + i).prop('checked', true);
			}
			$('input:checkbox:not(:checked)').each(function() {
				if (checker > 1) {
					if (parseInt($(this).attr('rel')) + 1 < data[0] || parseInt($(this).attr('rel')) - 1 > data[data.length - 1])
						$(this).attr("disabled", true);
					else
						$(this).attr("disabled", false);
				}else
					$(this).attr("disabled", false);
				$('tr td:nth-child(' + ($(this).parent('td').index() + 1) + ')').removeAttr('style');
			});
		});
	});
</script>
        </body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 11:47:25 By : Dragons_first
 


 

No. 9



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


Quote:
ถ้ากดรีเฟรช หรือ F5 มีวิธีเก็บข้อมูล อยู่สองแบบครับ
1. ใช้ตัวแปรประเภทคุ้กกี้ครับ
$.cookie("disabledkey", value); // เซ็ตค่าให้ตัวแปร
$.cookie("disabledkey"); // นำไปใช้งาน ใน jquery javascript
$_COOKIE["disabledkey"] // นำไปใช้งานใน php

2.ใช้ตัวแปรประเภท session มาเก็บไว้

$_SESSION["disabledkey"] = value;



ลองประยุกต์ใช้ดูน่ะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 14:50:47 By : sakuraei
 


 

No. 10



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ที่กล่าวมา ผมทำหมดแล้วครับ มันจะมีปัญหาตอนคลิ๊กนั่นแหละ มันเอาที่ผม disable ไว้ มา enable อีกทีครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 15:04:20 By : Dragons_first
 


 

No. 11



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

แล้ว พอจะแก้จากโค๊ด เลยได้ไหมครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 15:12:26 By : Dragons_first
 


 

No. 12



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


disabled / enable ไม่ได้หมายถึง checkbox ใช่มั๊ย
แต่หมายถึง การทำไฮไลท์สีแดงหรือเปล่า
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 17:41:57 By : sakuraei
 


 

No. 13



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

สมาชิกที่ใส่เสื้อไทยครีเอท

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


Browser รุ่นเก่าๆ จะใช้ไม่ได้นะครับ
ไม่งั้นก็เขียน php เก็บ session ไว้ หลักการเดียวกัน แค่แทน 2 ตัวแปรนี้ checkerSaved, checkData ด้วย php session(json)
Stored กด F5 ดูครับ
<script>
            var elm = '#chk';
            $(document).ready(function() {
                $('table input:checkbox').change(function() {
                    checkBox(localStorage.getItem('checkerSaved') ? localStorage.getItem('checkerSaved') : 0);
                });
                checkBox(localStorage.getItem('checkerSaved') ? localStorage.getItem('checkerSaved') : 0, true);
            });
            function checkBox(checker, g) {
                var loc = localStorage.getItem('checkData');
                var data = [];
                if (g) {
                    data = loc.lenght > 0 ? loc : [];
                } else
                    checker++;
                $('input[type=checkbox]').each(function() {
                    if (checker < 2)
                        $(this).attr("disabled", false);
                    if (this.checked)
                        data.push($(this).attr('rel'));
                    $('tr td:nth-child(' + ($(this).parent('td').index() + 1) + ')').css('background', 'red');
                });
                checker = (data.length < 2) ? data.length : checker;
                if (checker === 2) {
                    for (var i = parseInt(data[0]); i <= parseInt(data[data.length - 1]); i++)
                        $(elm + i).prop('checked', true);
                }
                $('input:checkbox:not(:checked)').each(function() {
                    if (checker > 1) {
                        if (parseInt($(this).attr('rel')) + 1 < parseInt(data[0]) || parseInt($(this).attr('rel')) - 1 > parseInt(data[data.length - 1]))
                            $(this).attr("disabled", true);
                        else
                            $(this).attr("disabled", false);
                    } else
                        $(this).attr("disabled", false);
                    $('tr td:nth-child(' + ($(this).parent('td').index() + 1) + ')').removeAttr('style');
                });
                localStorage.setItem('checkData', JSON.stringify(data));
                localStorage.setItem('checkerSaved', checker);
            }
        </script>

ไม่ได้แก้อะไรมาเพียงแค่เปลียน logic ในการเก็บข้อมูลครับ
และการเรียกใช้งาน 2 ครั้ง ตอนโหลด กับตอนคลิ๊ก จะได้ไม่ต้องเขียนโค้ดเพิ่ม ก็ทำให้เป็น ฟังชั่น
ถือเป็นการทบทวน javascript ไปในตัวนะเนี่ย (ไม่ได้เขียนมา 6-7 เดือนแล้ว)


ประวัติการแก้ไข
2013-08-28 18:58:41
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 18:50:38 By : t-monroe
 


 

No. 14



โพสกระทู้ ( 11,835 )
บทความ ( 10 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


น่าลองนะ เดี๋ยวจัดให้อีกแบบครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 18:59:15 By : PlaKriM
 


 

No. 15



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

สมาชิกที่ใส่เสื้อไทยครีเอท

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


เย้ๆ ขาใหญ่ออกโรงเองเลยทีนี้...


ประวัติการแก้ไข
2013-08-28 19:05:42
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 19:05:01 By : t-monroe
 


 

No. 16



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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




localStorage ใช้ได้กับ บราวเซอร์ที่ซับพอร์ท html5 หรือเปล่าครับ


ประวัติการแก้ไข
2013-08-28 20:57:01
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-28 20:41:26 By : sakuraei
 


 

No. 17



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ผมว่าผมจะเปลี่ยน requirement แล้วนะเนี่ย 555 ขอบคุณมากๆครับที่เข้ามาตอบ งั้นผม ขอเอาไปทดสอบก่อนครับ หากว่าทำงานส่วนนี้ได้ผมจะได้เดินหน้าต่อครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-29 10:11:48 By : Dragons_first
 


 

No. 18



โพสกระทู้ ( 11,835 )
บทความ ( 10 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


ลองดูนะครับ น่าจะใช่ที่ต้องการนะ

Code (PHP)
<!DOCTYPE html>
<html>
<head>
	<title>Untitled</title>
	<style type="text/css">
	.checked{
		background-color: #f00;
	}
	.uncheck{
		background-color: none;
	}
	</style>
	<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
	<script type="text/javascript">
	jQuery(function(){
		jQuery('.mycbx').click(function(){
			var clicked = jQuery(this).parents('td').index() + 1;
			jQuery(':checkbox').each(function(){
				var cbxindex = jQuery(this).parents('td').index() + 1;
				var myobject = jQuery('td:nth-child(' + cbxindex + ')');
				if(jQuery(this).is(':checked') === true)
				{
					myobject.removeClass('uncheck').addClass('checked');
					myobject.next('td').find(':checkbox').removeAttr('disabled');
				}
				else
				{
					myobject.next('td').find(':checkbox').removeAttr('checked').attr('disabled','disabled');
					myobject.removeClass('checked').addClass('uncheck');
				}
			});
		});
	});
	</script>
</head>
<body>
<table id="mytbl" border='1'>
    <tr>
        <td class="uncheck"><input type="checkbox" name="cbx[]" class="mycbx" value="1"></td>
        <td class="uncheck"><input type="checkbox" name="cbx[]" class="mycbx" value="2" disabled="disabled"></td>
        <td class="uncheck"><input type="checkbox" name="cbx[]" class="mycbx" value="3" disabled="disabled"></td>
        <td class="uncheck"><input type="checkbox" name="cbx[]" class="mycbx" value="4" disabled="disabled"></td>
        <td class="uncheck"><input type="checkbox" name="cbx[]" class="mycbx" value="5" disabled="disabled"></td>
        <td class="uncheck"><input type="checkbox" name="cbx[]" class="mycbx" value="6" disabled="disabled"></td>
        <td class="uncheck"><input type="checkbox" name="cbx[]" class="mycbx" value="7" disabled="disabled"></td>
        <td class="uncheck"><input type="checkbox" name="cbx[]" class="mycbx" value="8" disabled="disabled"></td>
        <td class="uncheck"><input type="checkbox" name="cbx[]" class="mycbx" value="9" disabled="disabled"></td>
    </tr>
    <tr>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
    </tr>        
    <tr>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
    </tr>        
    <tr>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
        <td class="uncheck">data</td>
    </tr>        
</table>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-29 11:12:43 By : PlaKriM
 


 

No. 19



โพสกระทู้ ( 11,835 )
บทความ ( 10 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


ลืมอ่านว่าอยากให้ refresh แล้วยังอยู่ เด๋วไว้จัดให้อีกที

ดูเหมือนว่าผมจะเข้าใจอะไรผิด สามารถติ๊ก ตรงไหนก่อนก็ได้ใช่ไหม?


ประวัติการแก้ไข
2013-08-29 11:18:00
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-29 11:16:12 By : PlaKriM
 


 

No. 20



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ตอบความคิดเห็นที่ : 19 เขียนโดย : PlaKriM เมื่อวันที่ 2013-08-29 11:16:12
รายละเอียดของการตอบ ::
ติ๊กตรงไหนก่อนก็ได้ครับ + ห้ามติ๊กข้ามช่อง และรีเฟรช checkbox ที่ disable ไว้ มันจะอยู่เหมือนเดิมครับ


ขอบคุณพี่อั๋นครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-29 13:42:22 By : Dragons_first
 


 

No. 21



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


Quote:
สงสัยต้องเขียนความต้องการตั้งแต่ต้นอีกรอบล่ะครับ

1.ไฮไลท์คอลัมน์ที่เลือกเช็คบ๊อกซ์
2.เลือกเป็นช่วงได้ (จะทำการเลือกเช็คบ๊อกซ์ที่อยู่ตรงกลางระหว่างตัวแรกและตัวสุดท้ายให้อัตโนมัติ)
3.หลังจากเลือกเป็นช่วงไปแล้ว จะไม่สามารถเลือกช่องที่อยู่ถัดไปในลำดับที่มากกว่าหนึ่ง(จะเลือกได้เฉพาะช่องที่อยู่ติดกันเท่านั้น - ทำ disabledในช่องอื่นๆ)
4.ให้จำช่องที่ทำการเลือกและช่องที่ disabled เมื่อมีการกด refresh page


ใช่หรือเปล่าครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-29 14:43:08 By : sakuraei
 


 

No. 22



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ตัดข้อ 2 ออกได้เลยครับ เพราะว่า มีข้อ 3 แล้ว
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-29 14:52:08 By : Dragons_first
 


 

No. 23



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ผมกำลังคิดว่าผมจะ เปลี่ยน เป็นการส่งค่า ในรูปแบบวันที่แทน (จะได้ไม่ต้องมาทำที่ผ่านๆมาทั้งหมด) และใช้ datediff เช็ค และ alert แทน ว่าวันที่ส่งเข้ามา มากกว่า 1 หรือ น้อยกว่า น้อยกว่า -1 แต่กำลังหาแบบ jquery หรือ ajax ซึ่งไปหาในเว็บฝรั่ง มันไม่ค่อยตรงซักเท่าไหร่

แต่อันนี้จะทำให้มันรับค่าจาก checkbox และ รับค่า จาก session (ค่าน้อยสุด และค่ามากสุด) ยังไงดีครับ
<script> 
var date1 = '2013-8-27';
var date2 = '2013-8-30';
date1 = date1.split("-");
date2 = date2.split("-");
sDate = new Date(date1[0],date1[1]-1,date1[2]); 
eDate = new Date(date2[0],date2[1]-1,date2[2]); 
var daysDiff = Math.round((eDate-sDate)/86400000);
alert(daysDiff);
</script>


โดยค่ามากสุด และค่าน้อยสุด (วันที่) ผมได้ทำไว้แล้ว เหลือแค่เอามาปรับใช้ ซึ่งก็คือมันจะไปเช็คค่า ไหนก่อนก็ได้ และค่าไหนมันมากกว่า 1และ -1 ก็ให้มันไม่เก็บลงในเซสชั่น

โดย ตารางเช็คบ๊อก ก็อันเดิมจากกระทู้บนเลยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-29 14:58:44 By : Dragons_first
 


 

No. 24



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

แบบนี้อ่ะครับ

confirm


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table id="sometable" border='1'>
    <tr>
        <td>&nbsp;</td>
        <td><input type="checkbox" name="Checkbox[]" id="chk1" rel="1" value="1" onclick="datediff()"></td>
        <td><input type="checkbox" name="Checkbox[]" id="chk2" rel="2"  value="2" onclick="datediff()"></td>
        <td><input type="checkbox" name="Checkbox[]" id="chk3" rel="3"  value="3" onclick="datediff()"></td>
        <td><input type="checkbox" name="Checkbox[]" id="chk4" rel="4"  value="4" onclick="datediff()"></td>
        <td><input type="checkbox" name="Checkbox[]" id="chk5"  rel="5"  value="5" onclick="datediff()"></td>
        <td><input type="checkbox" name="Checkbox[]" id="chk6" rel="6"  value="6" onclick="datediff()"></td>
        <td><input type="checkbox" name="Checkbox[]" id="chk7"  rel="7"  value="7" onclick="datediff()"></td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>&nbsp;</td>
    </tr>        
    <tr>
        <td>&nbsp;</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>&nbsp;</td>
    </tr>   
    <tr>
        <td>&nbsp;</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>&nbsp;</td>
    </tr>        
    <tr>
        <td>&nbsp;</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>&nbsp;</td>
    </tr>
    </table>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script language="javascript" type="text/javascript">
function datediff(){
// Here are the two dates to compare
var date1 = '2013-8-1';
var date2 = '2013-8-3';

// First we split the values to arrays date1[0] is the year, [1] the month and [2] the day
date1 = date1.split('-');
date2 = date2.split('-');

// Now we convert the array to a Date object, which has several helpful methods
date1 = new Date(date1[0], date1[1], date1[2]);
date2 = new Date(date2[0], date2[1], date2[2]);

// We use the getTime() method and get the unixtime (in milliseconds, but we want seconds, therefore we divide it through 1000)
date1_unixtime = parseInt(date1.getTime() / 1000);
date2_unixtime = parseInt(date2.getTime() / 1000);

// This is the calculated difference in seconds
var timeDifference = date2_unixtime - date1_unixtime;

// in Hours
var timeDifferenceInHours = timeDifference / 60 / 60;

// and finaly, in days :)
var timeDifferenceInDays = timeDifferenceInHours  / 24;

//alert(timeDifferenceInDays);
confirm("คุณเลือกวันที่ไม่ถูก ต้องการทำรายการต่อ / เลือกวันที่ใหม่" + timeDifferenceInDays);

}
</script>

<script>
var index,click,row;
$("#sometable input:checkbox").click(function(){
    click = $(this);
    index = click.parents("td").index();
    //alert(index);
    row = $("#sometable tr");
    if($(click).is(":checked")){
        $("td:nth-child("+(++index)+")",row).each(function(){
            $(this).css("background","red");
        });
    }else{
        $("td:nth-child("+(++index)+")",row).css("background","white");
    }
});
</script>

</body>
</html>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-29 16:39:34 By : Dragons_first
 


 

No. 25



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ดัน บ่ายๆครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-30 14:17:58 By : Dragons_first
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : checkbox มีวิธีทำให้เลือกข้ามกันไม่ได้ ไหมครับ ที่ต้องการคือไม่ให้มันเลือกข้ามช่องกันได้ครับ ถ้าเลือกได้ก็ต้องเลือกต่อๆ หรือ ติดๆกันเท่านั้นครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

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