本文目錄一覽：
在PHP頁面怎麼實現全選
跟php沒有關係，你用JS腳本控制就可以，下面提供一段JS給你： function CheckAll(form, checked){ for(var i=0;iform.elements.length;i++){ var e = form.elements[i]; if(e.type==’checkbox’) e.checked = checked; } } 參數說明： form 表單的ID號 checked 是否全選true/false
如何實現複選框全選功能
body
pinput type=”checkbox” id=”ckAll”全選/p
pinput type=”checkbox” class=”ck”北京/p
pinput type=”checkbox” class=”ck”上海/p
pinput type=”checkbox” class=”ck”廣州/p
pinput type=”checkbox” class=”ck”深圳/p
script
// 獲取全選複選框
let ckAll = document.querySelector(‘#ckAll’)
// 獲取全部的複選框
let cks = document.querySelectorAll(‘.ck’)
// console.log(ckAll);
// console.log(cks);
// 給全選複選框註冊點擊事件
ckAll.onclick = function() {
// Checked返回值為boolean型
// console.log(ckAll.Checked);
// 遍歷所有的複選框
cks.forEach((ck, index) = {
// console.log(ck ,index);
// 將全選複選框的狀態給所有的其它複選框
ck.checked = ckAll.checked
})
}
// 給其它的複選框也註冊點擊事件
cks.forEach(ck = {
ck.onclick = function() {
// 只要有一個複選框的狀態為非選中
if([…cks].some(r = r.checked === false)){
// ckAll變為非選中狀態
ckAll.checked = false
// 所有複選框的狀態都為選中
}else if([…cks].every(r = r.checked)){
// ckAll變為選中狀態
ckAll.checked = true
}
}
})
/script
/body
PHP中怎麼做全選呢？
給你看一個案例吧，用js來實現的
//javascript全選、反選、不選：
script type=”text/javascript”
function checkAll(form1){!–全選–
var elements=form1.getElementsByTagName(‘input’);
for(var i=0;ielements.length;i++){
if(elements[i].type==”checkbox”){
if(elements[i].checked==false){
elements[i].checked=true;
}
}
}
}
function switchAll(form1){!–反選–
var elements=form1.getElementsByTagName(‘input’);
for(var i=0;ielements.length;i++){
if(elements[i].type==”checkbox”){
if(elements[i].checked==false){
elements[i].checked=true;
}else if(elements[i].checked==true){
elements[i].checked=false;
}
}
}
}
function uncheckAll(form1){!–不選–
var elements=form1.getElementsByTagName(‘input’);
for(var i=0;ielements.length;i++){
if(elements[i].type==”checkbox”){
if(elements[i].checked==true){
elements[i].checked=false;
}
}
}
}
/script
form action=”?” method=”post” name=”form1″
input type=”checkbox” name=”conn_id[]” id=”conn_id[]” value=”1″/1br /
input type=”checkbox” name=”conn_id[]” id=”conn_id[]” value=”2″/2br /
input type=”checkbox” name=”conn_id[]” id=”conn_id[]” value=”3″/3br /
input type=”checkbox” name=”conn_id[]” id=”conn_id[]” value=”4″/4br /
input type=”checkbox” name=”conn_id[]” id=”conn_id[]” value=”5″/5br /
input type=”checkbox” name=”conn_id[]” id=”conn_id[]” value=”6″/6br /
input type=”button” onclick=”checkAll(form1)” value=”全選” /
input type=”button” onclick=”switchAll(form1)” value=”反選” /
input type=”button” onclick=”uncheckAll(form1)” value=”不選” /
/form
PHP關於「複選框」的修改問題
複選框的內容，可以做一個獨立的表維護，兩個欄位就可以。一個是ID 唯一 自增，另一個是名字，就是複選框顯示的內容。在存儲的時候，假設選中五個，就把這五個選項對應的ID，用「，」隔開，存入數據表對應的欄位里，類似 「1,3,5,6，7」這樣。讀取默認選中的時候，把存儲好的ID取出來，在頁面做判斷，如果是資料庫存的ID 就把checkbox的 checked屬性設置為checked。如果重新選了，還是按照上邊的方法，把選中的ID 用逗號隔開，然後update表即可。
php中如何實現選擇按鈕對應複選框？
php 獲取表單複選框內容，我們一般都是在給這個checkbox添加一個name屬性，與id中的值是一樣的，然後在通過php的post來獲取就行了，這裡我寫一段代碼：
html
head/head
body
form action=”” method=’post’
tr
td擅長的編程語言：/td
td
HTMLinput type=”checkbox” name=”good[]” value=”html”
CSSinput type=”checkbox” name=”good[]” value=”css”
JavaScriptinput type=”checkbox” name=”good[]” value=”javascript”
PHPinput type=”checkbox” name=”good[]” value=”php”
Mysqlinput type=”checkbox” name=”good[]” value=”mysql”
/td
/tr
/form
/body
/html
在php中：
alert($_POST[‘$_POST[‘good’]’]); //彈出獲取到的checkbox的值；
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/283334.html
微信掃一掃 
支付寶掃一掃 