php+js中多選項(複選)框的檢測
在php中,想獲得核取方塊的值,需要將核取方塊的name命名稱陣列的形式。
然後在$_GET[“multiplayname”] 或 $_PUT[“multiplayname”]獲得其數值,但是如何判斷使用者是否選中其中的標單了,多選專案必須選擇一項,否則不能提交表單!
在網上找了半天的資料,基本上是對多選框的name處理成陣列,然後檢測其checked值是否選中。如下:
var ch=””;
for(var i=0; i<document.forms.check.length;i++)
{
if(document.forms.check[i].checked)
ch=ch+document.forms.check[i].value;
}
if(ch==””)
{
alert(“請選擇您需要刪除的項!”);
return false;
}
但是實際使用中Php已經將checkbox的name命名成陣列形式了[],在呼叫這個就失敗了!
所以我想到了一個折中的辦法!
就是使用document.getElementById(“id”)來獲得其值,而且思想也是類似於陣列[手動陣列],如下:
JS:
function checkspace(checkstr) {
var str = “;
for(i = 0; i < checkstr.length; i++) {
str = str + ` `;
}
return (str == checkstr);
}
<INPUT name=”functionsub[]” type=checkbox id=”functionsub3″ value=會員註冊系統>
會員註冊系統 </TD>
<TD><INPUT name=”functionsub[]” type=checkbox id=”functionsub4″ value=資訊檢索系統>
資訊檢索系統 </TD>
<TD><INPUT name=”functionsub[]” type=checkbox id=”functionsub5″ value=社群論壇系統>
社群論壇系統 </TD>
</TR>
<TR>
<TD><INPUT name=”functionsub[]” type=checkbox id=”functionsub6″ value=客戶反饋系統>
客戶反饋系統 </TD>
<TD><INPUT name=”functionsub[]” type=checkbox id=”functionsub7″ value=連結管理系統>
連結管理系統 </TD>
<TD><INPUT name=”functionsub[]” type=checkbox id=”functionsub8″ value=下載系統>
下載系統 </TD>
</TR>
<TR>
<TD><INPUT name=”functionsub[]” type=checkbox id=”functionsub9″ value=線上詢價系統>
線上詢價系統 </TD>
<TD><INPUT name=”functionsub[]” type=checkbox id=”functionsub10″ value=線上招聘系統>
線上招聘系統 </TD>
<TD><input name=”functionsub[]” type=checkbox id=”functionsub11″ value=流量統計系統>
流量統計系統
相關文章
- jQuery操作單選框、多選框是否選中問題jQuery
- 直播軟體原始碼,選項提供多選專案,彈出多選框原始碼
- jQuery 利用萬用字元獲取多選框選中的值jQuery字元
- 點選文字框彈出可檢索下拉選單程式碼例項
- elementUI radio修改單選框多選框選中樣式及自定義其他樣式。UI
- JS_多選框全選與取消全選的實現JS
- 點選按鈕複製文字框文字程式碼例項
- QListWidget項新增勾選框
- Oracle HRMS選單中“禁用多個視窗”選單項的作用?Oracle
- 原生js多選框選中排序及刪除JS排序
- 點選文字框實現文字框內容選中效果
- Flutter學習(8)——CheckBox多選框使用及動態更改多選框資料Flutter
- 使用Vue實現下拉選單框批量新增選項Vue
- 將選中的下拉選單值寫入文字框
- 檢測checkbox核取方塊是否被選中的例項程式碼
- uniapp 實現複選下拉框APP
- 短視訊系統原始碼,點選選擇框,底部彈出可以選擇的選項原始碼
- jQuery自定義多選下拉框jQuery
- 選中select下拉框項設定元素顏色
- tkinter中checkbutton多選框控制元件和variable用法(六)控制元件
- Js/JQuery下拉框新增新選項JSjQuery
- extjs 下拉框增加空選項JS
- golang中的選項模式Golang模式
- 生成下拉框、複選、單選框的幾個類,支援資料庫結果集生成 (轉)資料庫
- Swing 自定義JTable 多選框 自動選擇的錯誤
- 短視訊直播系統,選擇選項時,點選出現下拉框
- 利用純 CSS3 定製單選/多選框樣式CSSS3
- 全選DataGridView中的DataGridViewCheckBoxColumn選項View
- js點選文字框選中文字效果程式碼例項JS
- JavaScript 點選複製選中文字程式碼例項JavaScript
- C#實現的下拉多選框,下拉多選樹,多級節點C#
- 讓前端的下拉框支援單選、多選及全選,後臺MyBaits解決方案前端AI
- Select2 選項框的聯想匹配實現
- 觀察下面的選項,選出正確的選項。
- 機器學習中如何用篩選器檢測冗餘?機器學習
- select 下拉框選中事件事件
- js實現的點選複製選中文字程式碼例項JS
- select下拉選單新增不重複項