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 > PHP > PHP Forum > รบกวนพี่ๆ ช่วยดูเรื่องการใช้งาน .prop() ครับ อยากให้ disable input ถ้าสถานะเป็น 1 แต่ถ้าเป็น 0 ให้สามารถกรอกข้อมูลได้



 

รบกวนพี่ๆ ช่วยดูเรื่องการใช้งาน .prop() ครับ อยากให้ disable input ถ้าสถานะเป็น 1 แต่ถ้าเป็น 0 ให้สามารถกรอกข้อมูลได้

 



Topic : 136485



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



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




ตามหัวข้อกระทู้เลยครับ ซึ่งในฐานข้อมูลผมเก็บ รหัส และ สถานะ เงื่อนไขการทำงานคือ
- ถ้าเช็ครหัสนี้ สถานะเป็น 0 ให้สามารถกรอกข้อมูลได้
- ถ้าเช็ครหัสนี้ สถานะเป็น 1 จะไม่สามารถกรอกข้อมูล หรือกด submit ได้

20.20

20.22

ฐานข้อมูล
20.24


Code (PHP)
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<style>
	  p { margin: 20px 0 0 }
	  b { color: blue; }
</style>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
		$(document).ready(function(){

			$("input").change(function() {
			  var $input = $(this);
			  $("p").html(".attr('checked'): <b>" + $input.attr('checked') + "</b><br>"
						  + ".prop('name'): <b>" + $input.prop('checked') + "</b><br>"
                          + ".prop('last'): <b>" + $input.prop('checked') + "</b><br>"
						  + ".is(':checked'): <b>" + $input.is(':checked') ) + "</b>";
			}).change();

		});
</script>
<script>
							$('#name').val('');
							$('#name').prop('readonly', false);
							$('#last').val('');
							$('#last').prop('readonly', false);
							$('#chk').prop('disabled', false);
							$('#regisBarcode').val('<?=$rs[status]?>');
						</script>
</head>
<body>
	<?
        $query = "SELECT * FROM `qrcode` WHERE keyqr = '".$_GET['s']."' ";
        $result = mysqli_query($db, $query);

    ?>
  
	<input id="check1" type="hidden" checked="checked"> Status = 0 or 1 (disable input)<br />
    <input id="check1" type="text" name="name" readonly=""><br /><br />
    <input id="check1" type="text" name="last" readonly=""><br /><br />
    <input type="submit" name="chk" value="บันทึกข้อมูล"><br />
	<label for="check1">Check me</label>
	<p></p>

</body>
</html>




Tag : PHP, MySQL, JavaScript, Laravel Framework







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2021-11-15 19:55:41 By : iOpen View : 508 Reply : 8
 

 

No. 1



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



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


คุณก็ทำได้แล้วไม่ใช่เหรอ ที่ตรวจ .is(':checked') นั่นน่ะ

ที่เหลือก็แค่กำหนด id ให้แต่ละ input ต้องไม่ซ้ำกัน แล้วเอาเงื่อนไข if มาตรวจ ถ้าเป็นจริงก็ .prop('disabled', 'disabled') ถ้าไม่จริงก็ .removeProp('disabled')
มันไปติดตรงไหนล่ะ?






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-11-15 21:48:44 By : mr.v
 


 
Code (PHP)
<input type="checkbox" name="checkbox"><br />
<input type="text" name="name"><br />
<input type="text" name="last"><br />
<input type="submit" name="chk" value="บันทึกข้อมูล">
<script
  src="https://code.jquery.com/jquery-1.12.4.min.js"
  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
  crossorigin="anonymous"></script>
<script>
<script>
$(document).ready(function() {
	$("input[name=checkbox]").on("click", function(){
		let isCheck = !!$(this).prop('checked')
		$("input[name=name], input[name=last]").prop('readonly', isCheck)
		$("input[type=submit]").prop('disabled', isCheck)
	});
});
</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-11-16 08:48:35 By : Guest
 

 
ตอบความคิดเห็นที่ : 2 เขียนโดย : Guest เมื่อวันที่ 2021-11-16 08:48:35
รายละเอียดของการตอบ ::
Code (PHP)
<input type="checkbox" name="checkbox"><br />
<input type="text" name="name"><br />
<input type="text" name="last"><br />
<input type="submit" name="chk" value="บันทึกข้อมูล">
<script
  src="https://code.jquery.com/jquery-1.12.4.min.js"
  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
  crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
	$("input[name=checkbox]").on("click", function(){
		let isCheck = !!$(this).prop('checked')
		$("input[name=name], input[name=last]").prop('readonly', isCheck)
		$("input[type=submit]").prop('disabled', isCheck)
	});
});
</script>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-11-16 08:53:14 By : Guest
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : Guest เมื่อวันที่ 2021-11-16 08:53:14
รายละเอียดของการตอบ ::
ขอบคุณพี่ๆ ทุกคนนะครับ ผมถามเพิ่มเติมอีกหน่อยครับพี่ เราต้องเอาไปเช็คใน if ใช่ไหมครับพี่ ในฐานข้อมูล ถ้าเป็น 0 คือฟอร์มนี้จะสามารถ input ข้อมูลได้ แต่ถ้าเป็น 1 จะไม่ให้ input ข้อมูลดังกล่าว (ดังภาพนี้ครับ)

1. กรณีที่สินค้านี้ยังไม่ได้ลงทะเบียน พอเข้ามาจะแบบนี้
21-15

2. กรณีที่สินค้านี้ลงทะเบียนแล้ว พอเข้ามาจะเจอแบบนี้ แต่ไม่สามารถลงทะเบียนซ้ำได้อีก
21.19

Code (PHP)
<?
				if($_POST[keyqr] and $_POST[status]=="" ($_POST[QRName] == "" or $_POST[QRMobile] == "")){
				?>
				<!--p align="center"><font color="#ff0000">โปรดระบุ <font color="*ff0000"><br>*ชื่อ-นามสกุล</font> <font color="*ff0000">*เบอร์ติดต่อ</font></font></p-->
				<script>
					$(document).ready(function() {
						if($_POST[keyqr] and $rs[status]==0){

						}
						$("input[name=regisBarcode]").on("click", function(){
							let isCheck = !!$(this).prop('checked')
							$("input[name=QRName], input[name=QRMobile]").prop('readonly', isCheck)
							$("button[type=submit]").prop('disabled', isCheck)
						});
					});
				</script>

				<?
				}
				?>
				
				<form method="post" name="CheckQRCode" id="CheckQRCode" action="" style="margin-top:2vh;margin-bottom:2vh">
					<div class="container-fluid">
						<div class="row center" style="height:7vh;">
							<input name="QRName" id="QRName" required type="text" class="white-grad center" style="border-radius:25px;width:100%;max-width:500px;height:5vh;max-height:55px" placeholder="ชื่อ-นามสกุล : ">
						</div>
						<div class="row center" style="height:6vh">
							<input name="QRMobile" id="QRMobile" required type="text" class="white-grad center" style="border-radius:25px;width:100%;max-width:500px;height:5vh;max-height:55px" placeholder="เบอร์โทร : " value="" maxlength="15" minlength="9" numberonly="" onkeypress="return allnumber(event);">
						</div>
						
						<input type="hidden" value="<?=$rs[status]?>" name="regisBarcode" id="regisBarcode" readonly="" class="form-control">
						<input type="hidden" value="" readonly="" class="form-control">
						<input type="hidden" value="" readonly="" class="form-control">
						<input type="hidden" value="<?=$rs[keyqr]?>" name="keyqr" class="form-control">
						<input type="hidden" value="CheckQR" name="action2" class="form-control">
						<div class="row center" style="height:4vh">
							<div class="container-fluid" style="height:4vh;width:100%;max-width:500px;padding:0px;display:flex;justify-content:flex-end;flex-direction:row;flex-wrap:nowrap;align-content:flex-end">
								<button name="chk" id="chk" type="submit" style="background-image:url('/Resources/btnRegis.png');height:5vh;width:100%;max-width:90px;background-repeat:no-repeat;
								background-size:contain;border:none;background-color:transparent;float:right"></button>
							</div>
						</div>
					</div>
				</form>



แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-11-18 20:54:52 By : iOpen
 


 

No. 5



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : Guest เมื่อวันที่ 2021-11-16 08:53:14
รายละเอียดของการตอบ ::
เช็คลักษณะนี้ไหมครับพี่ ในกรณีที่ ถ้าเป็น 1 ให้ disable input
และถ้าเป็น 0 ให้ enable input

Code (PHP)
if($rs["status"]=="1"){
					$msg="รอติดตามผลรางวัล";
					$disabled='<script>
					$(document).ready(function() {
						$("input[name=regisBarcode]").on("click", function(){
							let isCheck = !!$(this).prop("regisBarcode")
							$("input[name=QRName], input[name=QRMobile]").prop("readonly", isCheck)
							$("button[type=submit]").prop("disabled", isCheck)
						});
					});
				</script>';
				}else{
					$disabled='<script>
					$(document).ready(function() {
						$("input[name=regisBarcode]").on("click", function(){
							let isCheck = !!$(this).removeProp("regisBarcode")
							$("input[name=QRName], input[name=QRMobile]").removeProp("readonly", isCheck)
							$("button[type=submit]").removeProp("disabled", isCheck)
						});
					});
				</script>';

				}
				?>
				
				<form method="post" name="CheckQRCode" id="CheckQRCode" action="" style="margin-top:2vh;margin-bottom:2vh">
					<div class="container-fluid">
					
						<div class="row center" style="height:7vh;">
							<input name="QRName" id="QRName" required type="text" class="white-grad center" style="border-radius:25px;width:100%;max-width:500px;height:5vh;max-height:55px" placeholder="ชื่อ-นามสกุล : ">
						</div>
						<div class="row center" style="height:6vh">
							<input name="QRMobile" id="QRMobile" required type="text" class="white-grad center" style="border-radius:25px;width:100%;max-width:500px;height:5vh;max-height:55px" placeholder="เบอร์โทร : " value="" maxlength="15" minlength="9" numberonly="" onkeypress="return allnumber(event);">
						</div>
						
						<input type="hidden" value="<?=$rs[status]?>" name="regisBarcode" id="regisBarcode" readonly="">
						<input type="hidden" value="" readonly="" class="form-control">
						<input type="hidden" value="" readonly="" class="form-control">
						<input type="hidden" value="<?=$rs[keyqr]?>" name="keyqr" class="form-control">
						<input type="hidden" value="CheckQR" name="action2" class="form-control">
						<div class="row center" style="height:4vh">
							<div class="container-fluid" style="height:4vh;width:100%;max-width:500px;padding:0px;display:flex;justify-content:flex-end;flex-direction:row;flex-wrap:nowrap;align-content:flex-end">
								<button name="chk" id="chk" type="submit" style="background-image:url('/Resources/btnRegis.webp');height:5vh;width:100%;max-width:90px;background-repeat:no-repeat;
								background-size:contain;border:none;background-color:transparent;float:right"></button>
							</div>
						</div>
					</div>
				</form>

				<div class="modal fade" id="modalCondition" tabindex="-1">
					<div class="modal-dialog center">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal">&times;</button>
								<h4 class="modal-title">เงื่อนไขการรับรางวัล</h4>
							</div>
							<div class="modal-body">
								<p>
									1) ผู้โชคดีที่ได้รับรางวัลมูลค่า 1,000 บาท ขึ้นไป จะต้องเสียภาษี ณ ที่จ่าย 5% ของมูลค่าของรางวัล<br>
									2) ผู้โชคดีที่ได้รับรางวัลจักรยานยนต์และรถยนต์ จะต้องจ่ายค่าใช้จ่ายในการโอนตามค่าใช้จ่ายที่เกิดขึ้นจริง<br>
									3) รางวัลที่ได้รับไม่สามารถเปลี่ยนเป็นเงินสดได้<br>
									เงื่อนไขเป็นไปตามข้อกำหนดของกรมสรรมพากร
								</p>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-info" data-dismiss="modal">รับทราบ</button>
							</div>
						</div>
					</div>
				</div>

				<h4 style="color:rgb(74,46,24);text-align:center" class="*">ผู้โชคดีได้รับรางวัล</h4>
				<div class="row center" style="height:3vh;border-radius:5px;width:100%;max-width:340px;background-color:white;padding-left:15px;padding-right:15px">
					<h5 style="color:rgb(74,46,24);text-align:center;margin:0px;height:inherit;display:flex;align-items:center;justify-content:center"><?=$msg?></h5>
				</div>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-11-19 19:55:52 By : iOpen
 


 

No. 6



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



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


พี่ๆ ครับ ผมจะเช็คส่วนนี้ยังไงครับ ติดจุดนี้ที่เดียวครับ
ค่าเป็น 0 คือเปิดให้สามารถกรอกข้อมูลได้ปกติ Enable input
0.32

ค่าเป็น 1 คือ มีการบันทึกข้อมูลแล้ว ไม่สามารถบันทึกได้อีก Disable input
00.41


Code (PHP)
<?
				if($_POST[keyqr] and ($_POST[QRName] == "" or $_POST[QRMobile] == "")){
				?>
				<!--p align="center"><font color="#ff0000">โปรดระบุ <font color="*ff0000"><br>*ชื่อ-นามสกุล</font> <font color="*ff0000">*เบอร์ติดต่อ</font></font></p-->			
				<?
				}
				if($rs["status"]=="1"){
					$msg='รอติดตามผลรางวัล';
				}else{
					$msg='';

				}
				
				?>
				
				<form method="post" name="CheckQRCode" id="CheckQRCode" action="" style="margin-top:2vh;margin-bottom:2vh">
					<div class="container-fluid">

						<div class="row center" style="height:7vh;">
							<input type="checkbox" name="checkbox" value="<?=$rs[status]?>">
						</div>
						<div class="row center" style="height:7vh;">
							<input type="text" name="QRName" id="QRName" required type="text" class="white-grad center" style="border-radius:25px;width:100%;max-width:500px;height:5vh;max-height:55px" placeholder="ชื่อ-นามสกุล : ">
						</div>
						<div class="row center" style="height:6vh">
							<input type="text" name="QRMobile" id="last" required class="white-grad center" style="border-radius:25px;width:100%;max-width:500px;height:5vh;max-height:55px" placeholder="เบอร์โทร : " value="" maxlength="15" minlength="9" numberonly="" onkeypress="return allnumber(event);">
						</div>

						<br /><?=$rs[status]?>
						<input type="hidden" value="<?=$rs[status]?>" name="checkbox" id="checkbox" readonly="">
						<input type="hidden" value="" readonly="" class="form-control">
						<input type="hidden" value="" readonly="" class="form-control">
						<input type="hidden" value="<?=$rs[keyqr]?>" name="keyqr" class="form-control">
						<input type="hidden" value="CheckQR" name="action2" class="form-control">
						<div class="row center" style="height:4vh">
							<div class="container-fluid" style="height:4vh;width:100%;max-width:500px;padding:0px;display:flex;justify-content:flex-end;flex-direction:row;flex-wrap:nowrap;align-content:flex-end">
								<button type="submit" name="chk" style="background-image:url('/Resources/btnRegis.webp');height:5vh;width:100%;max-width:90px;background-repeat:no-repeat;background-size:contain;border:none;background-color:transparent;float:right"></button>
							</div>
						</div>
					</div>
				</form>

				<div class="modal fade" id="modalCondition" tabindex="-1">
					<div class="modal-dialog center">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal">&times;</button>
								<h4 class="modal-title">เงื่อนไขการรับรางวัล</h4>
							</div>
							<div class="modal-body">
								<p>
									1) ผู้โชคดีที่ได้รับรางวัลมูลค่า 1,000 บาท ขึ้นไป จะต้องเสียภาษี ณ ที่จ่าย 5% ของมูลค่าของรางวัล<br>
									2) ผู้โชคดีที่ได้รับรางวัลจักรยานยนต์และรถยนต์ จะต้องจ่ายค่าใช้จ่ายในการโอนตามค่าใช้จ่ายที่เกิดขึ้นจริง<br>
									3) รางวัลที่ได้รับไม่สามารถเปลี่ยนเป็นเงินสดได้<br>
									เงื่อนไขเป็นไปตามข้อกำหนดของกรมสรรมพากร
								</p>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-info" data-dismiss="modal">รับทราบ</button>
							</div>
						</div>
					</div>
				</div>

				<h4 style="color:rgb(74,46,24);text-align:center" class="*">ผู้โชคดีได้รับรางวัล</h4>
				<div class="row center" style="height:3vh;border-radius:5px;width:100%;max-width:340px;background-color:white;padding-left:15px;padding-right:15px">
					<h5 style="color:rgb(74,46,24);text-align:center;margin:0px;height:inherit;display:flex;align-items:center;justify-content:center"><?=$msg?></h5>
				</div>

				<script>
					$(document).ready(function() {
						$("input[name=checkbox]").on("click", function(){
							let isCheck = !!$(this).prop('checked')
							$("input[name=QRName], input[name=QRMobile]").prop('readonly', isCheck)
							$("button[type=submit]").prop('disabled', isCheck)
						});
					});
				</script>
					<img alt="priceImg" id="priceImg" class="responsive center" style="margin-top:1vh">
				<script>
					$("#priceImg").attr("src",'/Resources/bottomnew.webp');
				</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-11-21 00:14:46 By : iOpen
 


 

No. 7



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



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

เอาค่าสถานะ มาใส่ในแอตทริบิวต์ class ของ input ทุกตัวไปเลยครับ แล้วสั่ง disable ครั้งเดียว


Code (JavaScript)
$('.status1').prop("disabled", true);


ทุกตัวที่มี class="status1" จะถูก disable
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-11-21 08:36:35 By : {Cyberman}
 


 

No. 8



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



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


ตอบความคิดเห็นที่ : 7 เขียนโดย : {Cyberman} เมื่อวันที่ 2021-11-21 08:36:35
รายละเอียดของการตอบ ::
ตัว checkbox ผมทำขึ้นมาทดสอบครับ input จริงๆ มีแค่ 2 ตัว คือ ชื่อ-สกุล กับ เบอร์โทร
ซึ่งในฐานข้อมูล default จะเป็น 0 คือ number นี้ยังไม่มีการลงทะเบียน ถ้าลงทะเบียนแล้ว status จะเป็น 1

การทำงานจริง ผมเลยอยากดึง status มาเช็คกับตัว input เงื่อนไข
ถ้า status เป็น 1 disable input
แต่ถ้า status เป็น 0 ก็สามารถลงทะเบียนได้ปกติ
(จะไม่มีตัว checkbox)

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-11-21 16:41:54 By : iOpen
 

   

ค้นหาข้อมูล


   
 

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