Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ต้องการเช็คว่าถ้าเราเลือก checkbox แล้วมี textbox ให้กรอกข้อมูล ถ้าไม่กรอกให้แจ้งเตือนตอนกด submit ค่ะ

ต้องการเช็คว่าถ้าเราเลือก checkbox แล้วมี textbox ให้กรอกข้อมูล ถ้าไม่กรอกให้แจ้งเตือนตอนกด submit ค่ะ

เริ่มหัวข้อใหม่

Guest

กำลังทำงานส่งอาจาร์ยค่ะ แต่ติดปัญหานิดนึง คือว่า ทำเป็น checkbox ให้เลือก มี 4 checkbox แล้วถ้าเลือกอันใดอันหนึ่ง หรือทั้งหมดจะมี textbox เพื่อกรอกข้อมูลของแต่ละ checkbox ตอนนี้ต้องการ check ว่าถ้าเลือก checkbox แล้วถ้า textbox ไม่ได้กรอกข้อมูลให้แจ้งเตือนตอนกด submit

<input type="checkbox" name="text[]" value="1" id="ckk1" onClick="ck_frm1();">
<input type="checkbox" name="text[]" value="2" id="ckk2" onClick="ck_frm2();">
<input type="checkbox" name="text[]" value="3" id="ckk3" onClick="ck_frm3();">
<input type="checkbox" name="text[]" value="4" id="ckk4" onClick="ck_frm4();">

สมมุติ
- ถ้าเลือก checkbox ที่ 1 จะมี textbox ให้กรอกข้อมูล 2 textbox
- ถ้าเลือก checkbox ที่ 3 จะมี textbox ให้กรอกข้อมูล 1 textbox

แล้วถ้าคีย์ ข้อมูลไม่ครบให้แจ้งเตือนว่า ยังคีย์ข้อมูลไม่ครบ

...ระบบที่ออกแบบว่า จะเลือกข้อมูล checkbox อันไหนก็ได้ค่ะ

รบกวนพี่ๆด้วยนะค่ะ

Tag : PHP, MySQL

Date : 2013-11-17 21:14:02

By : น้องครีม

View : 3098

Reply : 6

No. 1

Guest

อยากรู้เหมือนกัน

Date : 2013-11-18 09:38:40

By : คนอยากรู้

No. 2

Mr.กล้า

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

อยากรู้ด้วย...

Date : 2013-11-18 11:07:17

By : apisitp

No. 3

Guest

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
function fncChk(_checked,_id){
if(_checked == false){
document.getElementById("txtName"+_id).value = "";
}
}

function fncSubmit(){
var valid = true;
var _max=3;
var _cnt=-1;

for (var i =0; i <= _max; i++) {
var _chk = document.getElementsByName("text[]")[i].checked;
if(_chk == true){
if(document.getElementById("txtName"+i).value == ""){
document.getElementById("txtName"+i).style.background="#FFE4E1";
valid = false;
}else{
document.getElementById("txtName"+i).style.background="#FFFFFF";
}
}else{
document.getElementById("txtName"+i).value="";
document.getElementById("txtName"+i).style.background="#FFFFFF";
_cnt++;
}
}

if(valid == false){
alert("ข้อมูลในช่องสีแดงดังกล่าวไม่ถูกต้อง กรุณาตรวจสอบอีกครั้ง")
}
else if(_cnt == _max){
alert("กรุณาเลือกข้อมูลด้วยค่ะ")
}
else{
if(confirm("คุณต้องการที่จะบันทึกข้อมูล ใช่หรือไม่ ?")){
document.f.method = "post";
document.f.action = "update.php";
document.f.submit();
}
}
}
</script>
</HEAD>
<BODY>
<form name="f">
<TABLE border="1">
<TR>
<TD><input type="checkbox" name="text[]" value="1" onclick="fncChk(this.checked,'0');"></TD>
<TD><INPUT TYPE="text" NAME="txtName0" id="txtName0"></TD>
</TR>
<TR>
<TD><input type="checkbox" name="text[]" value="2" onclick="fncChk(this.checked,'1');"></TD>
<TD><INPUT TYPE="text" NAME="txtName1" id="txtName1"></TD>
</TR>
<TR>
<TD><input type="checkbox" name="text[]" value="3" onclick="fncChk(this.checked,'2');"></TD>
<TD><INPUT TYPE="text" NAME="txtName2" id="txtName2"></TD>
</TR>
<TR>
<TD><input type="checkbox" name="text[]" value="4" onclick="fncChk(this.checked,'3');"></TD>
<TD><INPUT TYPE="text" NAME="txtName3" id="txtName3"></TD>
</TR>
<TR>
<TD colspan="2"><INPUT TYPE="button" value="Submit" onclick="fncSubmit();"></TD>
</TR>
</TABLE>
</form>
</BODY>
</HTML>

Date : 2013-11-18 16:54:37

By : เรก

No. 4

Guest

ตอบความคิดเห็นที่ : 3 เขียนโดย : เรก เมื่อวันที่ 2013-11-18 16:54:37

รายละเอียดของการตอบ ::

Date : 2020-09-09 16:21:55

By : อยากรู้

No. 5

Guest

ตอบความคิดเห็นที่ : 4 เขียนโดย : อยากรู้ เมื่อวันที่ 2020-09-09 16:21:55

รายละเอียดของการตอบ ::

... ใส่ความคิดเห็นตรงนี้.......สมมุติว่าผมมีปุ่มกด radio อยู่ 3 ปุ่ม คือ เขียว เหลือง แดง แล้วปิด Column แล้วอีก Column เป็น textbox ให้ใส่รายละเอียด คำถามเวลาที่ผมกดปุ่ม แดง จะต้องบังคับให้กรอกรายละเอียดเสมอ แต่กดปุ่มเขียว หรือเหลือง ไม่ต้องบังคับ....
ผมอยากได้เป็นภาษา asp นะครับ เช่น

<TR bgcolor=#FFCCFF> <th> สัญญาณไฟ </th>
<td><input type=radio class="largerradio" name="FireStatus" value=1 value=""required>
<font color=Green> เขียว </font>
<br><input type=radio class="largerradio" name="FireStatus" value=2 value=""required>
<font color=#FFCC00> เหลือง </font>
<br><input type=radio class="largerradio" name="FireStatus" value=3 value=""required>
<font color=#FF0000> แดง </font></br>
</td>

<bgcolor=#FFCCFF> <th> รายละเอียด </th>
<td><textarea name="FireNote" Cols="30" rows="3"><%=FireNote%></textarea></td>
</tr>

จากข้างบนนี้ผมจะต้องเขียนคำสั่งเพิ่มตรงไหน อย่างไรครับ ขอบคุณครับ

Date : 2020-09-09 16:35:45

By : อยากรู้

No. 6

Chaidhanan

โพสกระทู้ ( 9,586 )
บทความ ( 2 )

ศึกษาเรื่อง javascript มี event อะไรบ้าง
เมื่อรู้ว่ามี event อะไรบ้าง ก็จะรู้ว่าจะใช้ event อะไรควบคุม

ศึกษาเรื่อง Object Oriented programing การอ้างอิง Object attribute value ต่างๆ
เมื่อเข้าใจลักษณะการอ้างอิง ก็จะเข้าใจว่าวิธีการอ้างอิง ตัวแปรจาก object อย่างไร

ต่อมาก็ดูว่ามี oject อะไรที่ใช้งานอยู่
และ object นั้นๆ มี รูปแบบการใช้ event อย่างไร

ค่อยๆ ไล่ไปที่ล่ะเสตป พูดตรงๆ เปิด document อ่านก่อน ให้เข้าใจ และจะเขียนโค๊ดได้เอง
เมื่อเริ่มต้นอ่าน document ก็จะเห็นตัวอย่างการเขียนโค๊ดมากมาย ที่เขาเอามาลงไว้ให้ เป็นตัวอย่าง

ส่วนตัวอย่าง ถ้าไม่ขี้เกียจหาเอง ใน google มีเยอะมากๆ และมันมีใน document ที่จะอ่านอยู่แล้ว

Date : 2020-09-09 17:18:58

By : Chaidhanan

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ต้องการเช็คว่าถ้าเราเลือก checkbox แล้วมี textbox ให้กรอกข้อมูล ถ้าไม่กรอกให้แจ้งเตือนตอนกด submit ค่ะ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก