Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > การใช้ bootstrap-select อยากลองเอามาประยุกต์กับ check box แต่ทำไม่ได้ค่า

การใช้ bootstrap-select อยากลองเอามาประยุกต์กับ check box แต่ทำไม่ได้ค่า

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

mrronalz

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

รบกวนช่วยดูโค๊ดให้หน่อยนะคะ
ถ้าทำแบบธรรมดาทำได้แล้วแค่ แต่สนใจเรื่องการประยุกต์นิดหน่อยค่ะ
คืออยากทำประมาณว่า ถ้าเรากด check box แล้วเราจะสามารถ เปิด dropdown ไ้ด้
ขอบคุณมากๆนะคะ

Code (PHP)

<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://silviomoreto.github.com/bootstrap-select/stylesheets/bootstrap-select.css">
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>  
<script src="http://silviomoreto.github.com/bootstrap-select/javascripts/bootstrap-select.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <input type="checkbox" value="th" class="Language">
  <select class="selectpicker" disabled>
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>
  <script type="text/javascript">
    $('.selectpicker').selectpicker();
	
      	$('.Language').click(function() {
          $('.selectpicker').prop('disabled',false);
          $('.selectpicker').selectpicker('refresh');
      	});	
		$('.Language').click(function() {
          $('.selectpicker').prop('disabled',true);
          $('.selectpicker').selectpicker('refresh');
      });
  </script>
</body>

Tag : PHP

Date : 2013-07-23 15:53:41

By : mrronalz

View : 2070

Reply : 1

No. 1

Krungsri

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

Code

<script type="text/javascript">
  	(function($) {
		$.fn.toggleDisabled = function(){
			return this.each(function(){
				this.disabled = !this.disabled;
			});
		};
	})(jQuery);

	$('.Language').click(function(e) {
        $('.selectpicker').toggleDisabled ();
    });
  </script>

toggle disabled attribute in jquery

ประวัติการแก้ไข
2013-07-23 16:51:06

Date : 2013-07-23 16:50:05

By : Krungsri

ค้นหาข้อมูล

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

Re : การใช้ bootstrap-select อยากลองเอามาประยุกต์กับ check box แต่ทำไม่ได้ค่า

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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

Load balance : Server 00

Registered : 109,037

document.write("<font color=996600>[PHP]</font>"); การใช้ bootstrap-select อยากลองเอามาประยุกต์กับ check box แต่ทำไม่ได้ค่า

No. 1

ค้นหาข้อมูล

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

Notice

การใช้ bootstrap-select อยากลองเอามาประยุกต์กับ check box แต่ทำไม่ได้ค่า