|
 |
| |
อยาก จะ ทราบ จะ เขียน โค้ด ยังไง ครับ ถ้า กด ตรง ปุ่ม แล้ว อัน อื่นเปลี่ยน เป็น off มีรูปครับ |
| |
 |
|
|
 |
 |
|
รบ กวน ช่วย หน่อยคับ ติด นาน แล้ว อะ ครับ  
|
 |
 |
 |
 |
| Date :
2013-08-20 11:47:15 |
By :
nattaphong25332533 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ไม่ได้อะครับ T T มัน ไม่หาย
กด แบบ เดิม อยุ่ดีอะ
http://jsfiddle.net/sDjFz/3/
|
ประวัติการแก้ไข
2013-08-20 13:09:12
| |
|
|
| |
| Date :
2013-08-20 13:07:39 |
By :
nattaphong25332533 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ทดลองดูน่ะครับ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>https://www.thaicreate.com/php/forum/099295.html</title>
<script src="http://code.jquery.com/jquery-1.8.3.js "></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<style type="text/css">
.onoffswitch {
position: relative; width: 90px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block; overflow: hidden; cursor: pointer;
border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
width: 200%; margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "ON";
padding-left: 10px;
background-color: #2FCCFF; color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "OFF";
padding-right: 10px;
background-color: #EEEEEE; color: #999999;
text-align: right;
}
.onoffswitch-switch {
width: 18px; margin: 6px;
background: #FFFFFF;
border: 2px solid #999999; border-radius: 20px;
position: absolute; top: 0; bottom: 0; right: 56px;
-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
</style>
</head>
<body>
<div class="onoffswitch">
<input type="checkbox" name="onoffswitch1" class="onoffswitch-checkbox" id="myonoffswitch1" checked>
<label class="onoffswitch-label" for="myonoffswitch1">
<div class="onoffswitch-inner"></div>
<div class="onoffswitch-switch"></div>
</label>
</div>
<div class="onoffswitch">
<input type="checkbox" name="onoffswitch2" class="onoffswitch-checkbox" id="myonoffswitch2" checked>
<label class="onoffswitch-label" for="myonoffswitch2">
<div class="onoffswitch-inner"></div>
<div class="onoffswitch-switch"></div>
</label>
</div>
<div class="onoffswitch">
<input type="checkbox" name="onoffswitch3" class="onoffswitch-checkbox" id="myonoffswitch3" checked>
<label class="onoffswitch-label" for="myonoffswitch3">
<div class="onoffswitch-inner"></div>
<div class="onoffswitch-switch"></div>
</label>
</div>
<script type="text/javascript">
$(document).ready(function(){
var switchBoard = $("label.onoffswitch-label");
var switchDiv = $("div.onoffswitch");
var checkedState,currentSate;
switchBoard.on("click",function(){
checkState = $(this).prev(":checkbox").attr("checked");
currentState = $(this).parents("div").index();
switchDiv.each(function(i){
if(i == currentState){
}else{
if($("input:checkbox",this).attr("checked") == checkState && checkState == "checked")
$("input:checkbox",this).attr("checked","checked");
else
$("input:checkbox",this).removeAttr("checked");
}
});
});
});
</script>
</body>
</html>
|
| |
|
|
| |
| Date :
2013-08-20 14:28:34 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุนครับได้ละครับ 
|
| |
|
|
| |
| Date :
2013-08-20 15:08:11 |
By :
nattaphong25332533 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
5555 ตามลิงก์ http://jsfiddle.net/sDjFz/3/ มันจะ Run ได้ยังไงก็ในหน้าทดสอบ ตรง Frameworks & Extensions ไม่ได้เลือกเรียกใช้ jquery
ใช้ของคุณ Unidentifier ก็เจ๋งครับ ^ ^
|
| |
|
|
| |
| Date :
2013-08-20 15:15:06 |
By :
somparn |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
