|
|
|
Check all ครับ เพิ่มยังไงครับ แบบไม่ได้วนลูป |
|
|
|
|
|
|
|
$('#checkAll').click(function () {
$(':checkbox.chkfill').prop('checked', this.checked);
});
|
|
|
|
|
Date :
2018-01-16 21:11:54 |
By :
tomrambo |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คลิ๊กได้จริง ครับ แต่ไม่ทำงาน นะครับ รูปแบบการทำงาน จะเป็นแบบ ติ๊กแล้ว เห้นคอลัมนะครับ ถ้าไม่ติ๊ก ก็จะหายไป ตามที่เราติ๊กนะครับ ตอนนี้ ติ๊ก 1 ต่อ 1 ทำงานอยู่ครับ แต่ถ้าจะติ๊ก All ไม่หายทั้งหมดครับ รบกวนด้วยครับ
|
|
|
|
|
Date :
2018-01-17 08:32:50 |
By :
owenback |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แยก คลาส อ้างอิงให้ชัดเจน คลาสแสดง css กับ คลาส event อาจชื่อเดียวกัน แต่ถ้าคนละหน้าที่ ก็ควรแยกกัน
Code (PHP)
<script>
$("#all").click(()=>{
var ar = new Array();
if(this.checked) {
$('.item').prop('checked', true).each((ix, obj)=>{ ar[ix]=obj.value; $('.'+obj.value).show();});
$.post("controller.php",{ checkfuction : 'ADDFILLPC', fill : ar });
}else{
$('.item').prop('checked', false).each((ix, obj)=>{ ar[ix]=obj.value; $('.'+obj.value).hide();});
$.post("controller.php",{ checkfuction : 'DELFILLPC', fill : ar });
}
});
$(".item").click(()=>{
if(this.checked) {
$('.'+this.value).show();});
$.post("controller.php",{ checkfuction : 'ADDFILLPC', fill : this.value });
}else{
$('.'+this.value).hide();});
$.post("controller.php",{ checkfuction : 'DELFILLPC', fill : this.value });
}
}).each((ix, obj)=>{
if(obj.checked){ $('.'+obj.value).show();}
else { $('.'+obj.value).hide();}
});
</script>
<?php $f=(object)(isset($_SESSION['FILLPC']) ? $_SESSION['FILLPC'] : []);
<div class="col-md-2">
<input type="checkbox" id="all" class="chkfill" style="margin-top: 0px;"> checkAll
</div>
<div class="col-md-2">
<input type="checkbox" class="chkfill item" <?=(isset($f->f1) ? 'checked' : '')?> value="f1"> aa
</div>
<div class="col-md-2">
<input type="checkbox" class="chkfill item" <?=(isset($f->f2) ? 'checked' : '')?> value="f2"> bb
</div>
<div class="col-md-2">
<input type="checkbox" class="chkfill item" <?=(isset($f->f3) ? 'checked' : '')?> value="f3"> dd
</div>
|
ประวัติการแก้ไข 2018-01-17 10:57:51
|
|
|
|
Date :
2018-01-17 10:55:29 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณครับ ขอศึกษาก่อนนะครับ
|
|
|
|
|
Date :
2018-01-17 11:42:33 |
By :
owenback |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ไม่ได้อ่ะครับ ไม่ ติ๊กออกเลยอ่ะครับ ผมใส่แบบที่ให้มานะครับ ลองแก้ดูอ่ะครับ
Code (PHP)
<div class="panel-body">
<div class="col-md-2">
<?php $f=(object)(isset($_SESSION['FILLPC']) ? $_SESSION['FILLPC'] : []);?>
<input type="checkbox" id="all" class="chkfill" style="margin-top: 0px;"> checkAll
</div>
<div class="col-md-2">
<input type="checkbox" class="chkfill item" <?=(isset($f->f1) ? 'checked' : '')?> value="f1">Type
</div>
</div>
<script>
$("#all").click(()=>{
var ar = new Array();
if(this.checked) {
$('.item').prop('checked', true).each((ix, obj)=>{ ar[ix]=obj.value; $('.'+obj.value).show();});
$.post("controller.php",{ checkfuction : 'ADDFILLPC', fill : ar });
}else{
$('.item').prop('checked', false).each((ix, obj)=>{ ar[ix]=obj.value; $('.'+obj.value).hide();});
$.post("controller.php",{ checkfuction : 'DELFILLPC', fill : ar });
}
});
$(".item").click(()=>
{
if(this.checked)
{
$('.'+this.value).show();});
$.post("controller.php",{ checkfuction : 'ADDFILLPC', fill : this.value });
}else{
$('.'+this.value).hide();});
$.post("controller.php",{ checkfuction : 'DELFILLPC', fill : this.value });
}
}).each((ix, obj)=>{
if(obj.checked){ $('.'+obj.value).show();}
else { $('.'+obj.value).hide();}
});
</script>
|
|
|
|
|
Date :
2018-01-17 14:16:39 |
By :
owenback |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
jquery โหลดหรือยัง
Code (PHP)
<script src="jquery.js"></script>
<script>
$(document).ready(()=>{
$('#all).click(()=>{
//
});
$('.item').click(()=>{
//
});
});
</script>
|
|
|
|
|
Date :
2018-01-17 14:26:52 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มีแล้วครับ แต่ไม่ออกหรือว่า ผมต้องทำไรผิดแน่ๆๆครับ
|
|
|
|
|
Date :
2018-01-17 15:00:13 |
By :
owenback |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอโทษตัวอย่างผิด ลบไม่หมด
$('.'+this.value).show();});
มี 2 บันทัด เอาสีแดงออก ทำให้ผิดไวยกรณ์ ใน $('.item')
|
ประวัติการแก้ไข 2018-01-17 15:10:48 2018-01-17 15:11:40
|
|
|
|
Date :
2018-01-17 15:09:41 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แก้แล้วไม่ได้อ่ะครับ รูปแบบครับ
Code (PHP)
<script src="js/jquery.js"></script>
<?php
require('layout_top.php');
CHECK_NULL();
$GETWORKCENTER = GETWORKCENTER();
$GETMANAGER = GETMANAGER();
$GET_REGIS_PC = GET_REGIS_PC();
$PER_REGIS = PER_REGIS();
if (!isset($_SESSION['FILLPC']))
{
CREATE_FILLPC();
}
unset($_SESSION['FILL']);
$CountRow = $GET_REGIS_PC['totalPage'];
$PerPage = PER_REGIS();
$Per = ceil($CountRow / $PerPage);
$hide = '';
if ($Per <= 1) {
$hide = 'display:none;';
}
if (isset($_GET['search']) || isset($_GET['update_regis'])) {
$hide = 'display:none;';
}
if (isset($_GET['per_regis'])) {
$thispage = $_GET['per_regis'];
}else{
$thispage = $PerPage;
}
$str = shell_exec("arp -a ".$_SERVER['REMOTE_ADDR']."");
preg_match('/([\w\d-]{16,})/', $str, $matches);
?>
<div class="panel-body">
<div class="col-md-2">
<?php $f=(object)(isset($_SESSION['FILLPC']) ? $_SESSION['FILLPC'] : []);?>
<input type="checkbox" id="all" class="chkfill" style="margin-top: 0px;"> checkAll
</div>
<div class="col-md-2">
<input type="checkbox" class="chkfill item" <?=(isset($f->f1) ? 'checked' : '')?> value="f1">Type
</div>
<div class="col-md-2">
<input type="checkbox" class="chkfill item" <?=(isset($f->f2) ? 'checked' : '')?> value="f1">Test
</div>
</div>
<script>
$("#all").click(()=>{
var ar = new Array();
if(this.checked) {
$('.item').prop('checked', true).each((ix, obj)=>{ ar[ix]=obj.value; $('.'+obj.value).show();});
$.post("controller.php",{ checkfuction : 'ADDFILLPC', fill : ar });
}else{
$('.item').prop('checked', false).each((ix, obj)=>{ ar[ix]=obj.value; $('.'+obj.value).hide();});
$.post("controller.php",{ checkfuction : 'DELFILLPC', fill : ar });
}
});
$(".item").click(()=>
{
if(this.checked)
{
$('.'+this.value).show();
$.post("controller.php",{ checkfuction : 'ADDFILLPC', fill : this.value });
}else{
$('.'+this.value).hide();
$.post("controller.php",{ checkfuction : 'DELFILLPC', fill : this.value });
}
}).each((ix, obj)=>{
if(obj.checked){ $('.'+obj.value).show();}
else { $('.'+obj.value).hide();}
});
</script>
|
|
|
|
|
Date :
2018-01-17 15:19:25 |
By :
owenback |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|