首頁 後端開發 php教程 求相仿phpmyadmin的复选框功能,带修改功能

求相仿phpmyadmin的复选框功能,带修改功能

Jun 13, 2016 pm 01:23 PM
gt input lt name quot

求类似phpmyadmin的复选框功能,带修改功能
从数据库中把对应的值列出来,前面加复选框,可以单选或者多选。选择修改按钮针对选中列进行批量修改,类似phpmyadmin的复选框功能。请教大概思路,如何实现此功能?

------解决方案--------------------
ajax 读数据 循环输出数据 数据前面加个------解决方案--------------------
取值的时候
while($row=mysql_fetch_array($res)){
echo "";
echo $row['myClo1']." ".$row['myClo2'];
}//这样数据就加载完成了,以下是操作
用JS就行了,但若你用jquery的话,更方便
$("#alter").click(function(){
$("input[type=checkbox]").each(function(){
if($(this).attr("checked"))
{
$(this).removeAttr("checked");//do sth here

})
})
------解决方案--------------------

PHP code

<?php #test19.php
if(isset($_POST['save'])){
    print_r($_POST);
    #测试数据
    #Array ( [int] => Array ( [0] => 1 ) [name1] => Lucy [name2] => woman [save] => save )
}
?>




<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>checkbox-edit</title>
<script language="javascript" type="text/javascript" src="jquery_1.4.2.js"></script>



<script>
$(function(){
    $("input[name='edit']").click(function(){
        $("input[name^='int']").each(function(){
            if($(this).attr("checked")){
                var objtd1 = $(this).parent().next("td");
                var objtd2 = $(this).parent().next("td").next("td");
                //alert("td1-->>"+objtd1+"\ntd2-->>"+objtd2);
                objtd1.html("<input type='text' name='name1' value='"+objtd1.text()+"' />");
                objtd2.html("<input type='text' name='name2' value='"+objtd2.text()+"' />");
            }
        });
    });
});
</script>
<div>
    <form name="editdata" action="test19.php" method="post">
        <table border="" cellpadding="0" cellspacing="0">
            <tr>
                <td></td>
<td>Name</td>
<td>Sex</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="int[]" value="1"></td>
                <td>TOM</td>
                <td>man</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="int[]" value="2"></td>
                <td>Lily</td>
                <td>woman</td>
            </tr>
        </table>
        <input type="button" name="edit" value="edit">
        <input type="submit" name="save" value="save">
    </form>
</div>


<br><font color="#e78608">------解决方案--------------------</font><br>
问题应该出在其他地方
登入後複製
HTML code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>   
<script language="JavaScript">   
<!--   
$("document").ready(function(){   
$("#btn1").click(function(){   
$("[name='checkbox']").attr("checked",'true');//全选   
})   
$("#btn2").click(function(){   
$("[name='checkbox']").removeAttr("checked");//取消全选   
})  
$("#btn3").click(function(){//输出选中的值   
var str="";   
$("[name='checkbox'][checked]").each(function(){   
str+=$(this).val()+"\r\n";   
//alert($(this).val());   
})   
alert(str);   
})   
})   
-->   
</script>
<div style="background: #eee;"> 
<form name="form1" method="post" action="">
<input align="center" type="button" id="btn1" value="全选">   
<input align="center" type="button" id="btn2" value="取消全选">
<input type="button" id="btn3" value="获得选中的所有值">   
<br><br> 
<?php for($i=0; $i<10; $i++)
  echo "<input type=checkbox  name=checkbox value=$i>";
 <div class="clear">
                 
              
              
        
            </div>
</form>
</div>
登入後複製
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

華為GT3 Pro和GT4的差異是什麼? 華為GT3 Pro和GT4的差異是什麼? Dec 29, 2023 pm 02:27 PM

許多用戶在選擇智慧型手錶的時候都會選擇的華為的品牌,其中華為GT3pro和GT4都是非常熱門的選擇,不少用戶都很好奇華為GT3pro和GT4有什麼區別,下面就給大家介紹一下二者。華為GT3pro和GT4有什麼差別一、外觀GT4:46mm和41mm,材質是玻璃鏡板+不鏽鋼機身+高分纖維後殼。 GT3pro:46.6mm和42.9mm,材質是藍寶石玻璃鏡+鈦金屬機身/陶瓷機身+陶瓷後殼二、健康GT4:採用最新的華為Truseen5.5+演算法,結果會更加的精準。 GT3pro:多了ECG心電圖和血管及安

修復:截圖工具在 Windows 11 中不起作用 修復:截圖工具在 Windows 11 中不起作用 Aug 24, 2023 am 09:48 AM

為什麼截圖工具在Windows11上不起作用了解問題的根本原因有助於找到正確的解決方案。以下是截圖工具可能無法正常工作的主要原因:對焦助手已開啟:這可以防止截圖工具開啟。應用程式損壞:如果截圖工具在啟動時崩潰,則可能已損壞。過時的圖形驅動程式:不相容的驅動程式可能會幹擾截圖工具。來自其他應用程式的干擾:其他正在運行的應用程式可能與截圖工具衝突。憑證已過期:升級過程中的錯誤可能會導致此issu簡單的解決方案這些適合大多數用戶,不需要任何特殊的技術知識。 1.更新視窗與Microsoft應用程式商店應用程

vue3怎麼封裝input元件和統一表單數據 vue3怎麼封裝input元件和統一表單數據 May 12, 2023 pm 03:58 PM

準備工作用vuecreateexample建立項目,參數大概如下:用原生input原生的input,主要是value和change,資料在change的時候需要同步。 App.tsx如下:import{ref}from'vue';exportdefault{setup(){//username就是資料constusername=ref('張三');//輸入框變化的時候,同步資料constonInput=;return( )=>({

laravel input隱藏域怎麼實現 laravel input隱藏域怎麼實現 Dec 12, 2022 am 10:07 AM

laravel input隱藏域的實作方法:1、找到並開啟Blade模板檔案;2、在Blade模板中使用method_field方法來建立隱藏域,其建立語法為「{{ method_field('DELETE') }}」。

點選input框沒有遊標怎麼辦 點選input框沒有遊標怎麼辦 Nov 24, 2023 am 09:44 AM

點選input框沒有遊標的解決方法:1、確認輸入框焦點;2、清除瀏覽器快取;3、更新瀏覽器;4、使用JavaScript;5、檢查硬體設備;6、檢查輸入框屬性;7、調試JavaScript程式碼;8、檢查頁面其他元素;9、考慮瀏覽器相容性。

如何修復無法連線到iPhone上的App Store錯誤 如何修復無法連線到iPhone上的App Store錯誤 Jul 29, 2023 am 08:22 AM

第1部分:初始故障排除步驟檢查蘋果的系統狀態:在深入研究複雜的解決方案之前,讓我們先從基礎知識開始。問題可能不在於您的設備;蘋果的伺服器可能會關閉。造訪Apple的系統狀態頁面,查看AppStore是否正常運作。如果有問題,您所能做的就是等待Apple修復它。檢查您的網路連接:確保您擁有穩定的網路連接,因為「無法連接到AppStore」問題有時可歸因於連接不良。嘗試在Wi-Fi和行動數據之間切換或重置網路設定(「常規」>「重置」>「重置網路設定」>設定)。更新您的iOS版本:

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code

Vue文件中的input框綁定事件詳解 Vue文件中的input框綁定事件詳解 Jun 21, 2023 am 08:12 AM

Vue.js是一種輕量級的JavaScript框架,具有易用、高效和靈活的特點,是目前廣受歡迎的前端框架之一。在Vue.js中,input框綁定事件是十分常見的需求,本文將詳細介紹Vue文件中的input框綁定事件。一、基礎概念在Vue.js中,input框綁定事件指的是將輸入框的值綁定到Vue實例的資料物件中,從而實現輸入和回應的雙向綁定。在Vue.j

See all articles