|
 |
| |
สอบถามการสร้างเงื่อนไขว่าถ้ามีติ๊ก checkboxแล้วต้องกรอกข้อความลงในแถวนั้นด้วยครับ |
| |
 |
|
|
 |
 |
|
required
ตัวอย่างการนำไปใช้งาน
Code (PHP)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>check:</p>
คลิก: <input type="checkbox" id="myCheck" onclick="myFunction()">
<form name='form1' id="text" action='page.html' method='get'style="display:none">
<input type="text" name="detail" required>
<input type="submit" value="กด">
</form>
<script>
function myFunction() {
var checkBox = document.getElementById("myCheck");
var text = document.getElementById("text");
if (checkBox.checked == true){
form1.style.display = "block";
} else {
form1.style.display = "none";
}
}
</script>
</body>
</html>
หรือจะทำเป็นแบบ disabled ก็ว่ากันไป
|
 |
 |
 |
 |
| Date :
2019-07-18 09:03:25 |
By :
nobetaking |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ใช้ class ควบคุมดีกว่าครับ
Code (PHP)
<table>
<tr><td><input type=checkbox ></td><td><input type=text class=for_required ></td></tr>
</table>
<script>
$('input[type="checkbox"]').click(function(){
var inp = $(this).parents('tr').find('.for_required');
if( this.checked){ $(inp).attr('required', true).prop('disabled', false);
}else{ $(inp).removeAttr('required').prop('disabled', true);}
});
|
| |
|
|
| |
| Date :
2019-07-18 09:23:43 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณทุกท่านครับ
ขอสอบถามอีกหน่อยครับ ถ้าข้อมูลเป็นลูปตาราง แล้วผมต้องการเช็คว่า checkbox ไอดีไหนถูกติ๊ก
เมื่อถูกติ๊กแล้วให้ส่งค่า required ไปให้ textbox ที่มีไอดีเหมือนกัน เพื่อป้องกันผู้ใช้งานลืมกรอกครับ
Code (PHP)
<?php
while($result98 = sqlsrv_fetch_array($objQuery98, SQLSRV_FETCH_ASSOC)) {
?>
<tr>
<td><!-- //checkbox -->
<input type="checkbox" id="EmpID-<?php echo $result98["EmpUserID"];?>">
</td>
<td><?php echo $result98["EmpUserID"];?></td>
<td><?php echo $result98["EmpUserName"];?> <?php echo $result98["EmpUserSurname"];?></td>
<td><?php echo $result98["EmpUserPosition"];?></td>
<td><?php echo $result98["EmpUserSection"];?></td>
</tr>
<tr><!-- //row textbox -->
<td colspan="5"><input type="text" id="txtDetail-<?php echo $result98["EmpUserID"];?>"></td>
</tr>
<?php
}
?>
//////////////////////////////////////////////////////////////////////// ผมเดาครับ
<script type="text/javascript">
function CheckInput(){ var OfDetail = $(this).val(); //ID #txtDetail
if (input [type='checkbox'].checked == true){
$('#txtDetail-'+ OfDetail ).prop('required',true);
}
else {
$('#txtDetail-'+ OfDetail ).removeAttr('required');
}
}
</script>
|
| |
|
|
| |
| Date :
2019-07-19 20:55:03 |
By :
Bang23 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ตัวอย่างที่ผมทำให้ดู มันครอบคลุมแล้ว ไม่สนใจอ่านทำความเข้าใจ ก็ผ่านครับ
|
| |
|
|
| |
| Date :
2019-07-19 21:06:03 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่สนใจอ่าน jquery document เกี่ยวกับเรื่องการเรียกใช้ object ต่างๆ ดูบ้างเหรอครับ
id คืออะไรทำอะไรได้บ้าง
class คืออะไรทำอะไรได้บ้าง
attribute data-<name> ทำอะไรได้บ้าง
tagname ทำอะไรได้บ้าง
Code (PHP)
<input type=checkbox data-id="<?=$id?>">
<tr><td><input type=text data-field=fieldname1 class="require m<?=$id?>"></td></tr>
<tr><td><input type=text data-field=fieldname2 class="require m<?=$id?>"></td></tr>
<script>
$('input[type="checkbox"]').click(function(){
var id = $(this).data('id');
$('.require .m'+id)......
}
|
| |
|
|
| |
| Date :
2019-07-20 10:58:43 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
