Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > รบกวนดูโค้ด เกี่ยวกับ checkbox ติ๊กแล้วให้ ปุ่มขึ้นมาให้กดตกลงครับ

รบกวนดูโค้ด เกี่ยวกับ checkbox ติ๊กแล้วให้ ปุ่มขึ้นมาให้กดตกลงครับ

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

nnaatt

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

Tag : PHP, JavaScript, jQuery, CakePHP

Date : 2014-11-12 11:07:41

By : nnaatt

View : 936

Reply : 5

No. 1

ฮง

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

งง กะคำถามครับ คือๆ check box หรือ radio คือ คลิกที่ radio แล้ว ให้โชว์ select คณะ หรือหน่วยงานหรือเปล่าที่ผมเข้าใจ

Date : 2014-11-12 11:42:47

By : Digitalhong

No. 2

nnaatt

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : Digitalhong เมื่อวันที่ 2014-11-12 11:42:47

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

ใช่ครับ

Date : 2014-11-12 13:01:47

By : nnaatt

No. 3

ฮง

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : nnaatt เมื่อวันที่ 2014-11-12 13:01:47

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

Code (PHP)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

<script type="text/x-javascript">

	$(document).ready(function(e) {
		
		$("#div_unit,#unit").hide();
		
		$("input[type='radio'][name='group']").click(function(){
			
			if($(this).val() == "หน่วยงาน") {
				$("#div_board,#board").hide();
				$("#div_unit,#unit").show();
			}
			else {
				$("#div_board,#board").show();
				$("#div_unit,#unit").hide();
			}
			
		});
        
    });

</script>

</head>

<body>

	<table>
    	<tr>
        	<td>รหัสผู้แจ้ง : </td>
            <td>5414421001</td>
        </tr>
        <tr>
        	<td>อยู่ภายใต้ : </td>
            <td><input type="radio" value="คณะ" name="group" checked> คณะ <input type="radio" value="หน่วยงาน"  name="group"> หน่วยงาน </td>
        </tr>
        <tr>
        	<td><div id="div_board">คณะ</div> <div id="div_unit">หน่วยงาน</div></td>
            <td><select id="board"><option>- โปรดเลือกคณะ</option></select> <select id="unit"><option>- โปรดเลือกหน่วยงาน</option></select> </td>
        </tr>
    </table>


</body>
</html>

ลองไปรันดู ไม่รู้ใช่ที่ต้องการหรือเปล่า

Date : 2014-11-12 14:06:21

By : Digitalhong

No. 4

nnaatt

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

ตอบความคิดเห็นที่ : 3 เขียนโดย : Digitalhong เมื่อวันที่ 2014-11-12 14:06:21

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

ตอบความคิดเห็นที่ : 3 เขียนโดย : Digitalhong เมื่อวันที่ 2014-11-12 14:06:21

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

</tr>
<script type="text/javascript">
function chktuk(){
if (formchk.rafac.value() =="คณะ"){
formchk.select_Institute.hide();
formchk.select_factory.show();
}else{
formchk.select_Institute.show();
formchk.select_factory.hide();
}
}
</script>
<form name="formchk" action="" method="post">
<tr>
<td>อยู่ภายใต้ : </td>
<td>
<input name="rafac" type="radio" value="คณะ" onClick="chktuk()">คณะ
 <input type="radio" name="rafac" value="หน่วยงาน">หน่วยงาน / สังกัด</td>
</tr>
<div id="factory">
<tr>
<td>คณะ :</td>
<td><select name="select_factory" >
<option value="">---เลือกคณะ---</option>
<option value="1" id="1">คณะวิทยาศาสตร์และเทคโนโลยี</option>
</select> *</td>
</tr>
</div>
<div id="institute">
<tr >
<td>หน่วยงาน :</td>
<td><select name="select_Institute">
<option value="">---เลือก---</option>
<option value="1">สำนักงานอธิการบดี</option>
</select> *</td>
<tr>
</div>
คือต้องการให้ ถ้ามีการติ๊กที่ radio ของคณะ ตรง select ของหน่วยงานก็จะเลือกไม่ได้ครับ คื่ออยากให้เลือกได้แค่อย่างใดอย่างหนึ่งครับ

Date : 2014-11-12 15:30:14

By : nnaatt

No. 5

ฮง

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

Code (PHP)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="https://code.jquery.com/jquery-1.11.1.min.js" ></script>

<script type="text/x-javascript">

	$(document).ready(function(e) {
		
		$("#unit").attr("disabled","disabled");
		
		$("input[type='radio'][name='group']").click(function(){
			
			if($(this).val() == "หน่วยงาน") {
				$("#board").attr("disabled","disabled");
				$("#unit").removeAttr("disabled");
			}
			else {
				$("#board").removeAttr("disabled");
				$("#unit").attr("disabled","disabled");
				
			}
			
		});
        
    });

</script>

</head>

<body>

	<table>
    	<tr>
        	<td>รหัสผู้แจ้ง : </td>
            <td>5414421001</td>
        </tr>
        <tr>
        	<td>อยู่ภายใต้ : </td>
            <td><input type="radio" value="คณะ" name="group" checked> คณะ <input type="radio" value="หน่วยงาน"  name="group"> หน่วยงาน </td>
        </tr>
        <tr>
        	<td>คณะ</td>
            <td><select id="board">
            		<option>- โปรดเลือกคณะ</option>
            		<option> คณะ a</option>
                    <option> คณะ b</option>
                </select>
            </td>
        </tr>
        <tr>
        	<td>หน่วยงาน</td>
            <td> <select id="unit">
                    <option>- โปรดเลือกหน่วยงาน</option>
                    <option> หน่วยงาน a</option>
                    <option> หน่วยงาน b</option>
                 </select>
           </td>
        </tr>
    </table>


</body>
</html>

Date : 2014-11-12 15:42:18

By : Digitalhong

ค้นหาข้อมูล

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

Re : รบกวนดูโค้ด เกี่ยวกับ checkbox ติ๊กแล้วให้ ปุ่มขึ้นมาให้กดตกลงครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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