Forgot Password ??

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

	Registered : 109,027

HOME > Client Script Forum > มี textbox 2 อัน อยากทำให้ เมื่อกด radio button แล้ว enable / disable textbox ครับ

มี textbox 2 อัน อยากทำให้ เมื่อกด radio button แล้ว enable / disable textbox ครับ

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

Kurt Cobain

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

เมื่อกด "กำหนดวันที่เริ่มต้นและสิ้นสุด(TRUE)" ให้มันเปิด textbox
และกด "เผยแพร่ชุดประกาศอย่างต่อเนื่องตั้งแต่วันนี้(FALSE)" ให้มันปิด textbox เหมือนเดิมอ่ะครับ

<div class="col-md-8 margin-bottom-15">
                                        <label for="Active" class="control-label">กำหนดเวลา</label>
                                        <br>
                                        <label class="radio-inline">
                                            <input type="radio" name="rdoActiveS" id="inlineRadio2" value="FALSE" checked>เผยแพร่ชุดประกาศอย่างต่อเนื่องตั้งแต่วันนี้
                                        </label><br>
                                        <label class="radio-inline">
                                            <input type="radio" name="rdoActiveS" id="inlineRadio1" value="TRUE">กำหนดวันที่เริ่มต้นและสิ้นสุด
                                        </label>
                                    </div>

                                    <div class="col-md-8 margin-bottom-15">
                                        <label for="" class="control-label">วันที่เริ่มประกาศ</label>
                                        <input name="txtValid" class="form-control" value="" data-date-format="yyyy-mm-dd" id="dp2" type="text"  disabled="disabled">
                                    </div>

                                    <div class="col-md-8 margin-bottom-15">
                                        <label for="" class="control-label">วันที่สิ้นสุดประกาศ</label>
                                        <input name="txtExpiry" class="form-control" value="" data-date-format="yyyy-mm-dd" id="dp3" type="text"  disabled="disabled">
                                    </div>

Tag : HTML/CSS, JavaScript

Date : 2014-11-11 16:05:37

By : jpong7

View : 3318

Reply : 2

No. 1

Chaidhanan

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

Code (JavaScript)

<label class="radio-inline">
	<input type="radio" name="rdoActiveS" id="inlineRadio2" value="FALSE" checked onclick="chk_value()" >
	เผยแพร่ชุดประกาศอย่างต่อเนื่องตั้งแต่วันนี้
</label><br>
<label class="radio-inline">
	<input type="radio" name="rdoActiveS" id="inlineRadio1" value="TRUE" checked onclick="chk_value()">
	กำหนดวันที่เริ่มต้นและสิ้นสุด
</label>
<script>
function chk_value(){
	var enabled=document.getElementById('inlineRadio1').checked;
	document.getElementById('dp2').disabled=!enabled;
	document.getElementById('dp3').disabled=!enabled;
}
</script>

Date : 2014-11-11 16:40:10

By : Chaidhanan

No. 2

Kurt Cobain

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : Chaidhanan เมื่อวันที่ 2014-11-11 16:40:10

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

ได้แล้วครับ ขอบคุณมากๆครับอาจารย์

Date : 2014-11-11 17:23:48

By : jpong7

ค้นหาข้อมูล

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

Re : มี textbox 2 อัน อยากทำให้ เมื่อกด radio button แล้ว enable / disable textbox ครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

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

Load balance : Server 05