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=流量統計系統>
流量統計系統
相關文章
- 直播軟體原始碼,選項提供多選專案,彈出多選框原始碼
- elementUI radio修改單選框多選框選中樣式及自定義其他樣式。UI
- jQuery 利用萬用字元獲取多選框選中的值jQuery字元
- QListWidget項新增勾選框
- 多選下拉框xmSelect
- Flutter學習(8)——CheckBox多選框使用及動態更改多選框資料Flutter
- uniapp 實現複選下拉框APP
- 使用Vue實現下拉選單框批量新增選項Vue
- 原生js多選框選中排序及刪除JS排序
- 短視訊系統原始碼,點選選擇框,底部彈出可以選擇的選項原始碼
- Swing 自定義JTable 多選框 自動選擇的錯誤
- Js/JQuery下拉框新增新選項JSjQuery
- 【BASIS】HANA SR複製選項
- 選項中選擇現在
- golang中的選項模式Golang模式
- 短視訊直播系統,選擇選項時,點選出現下拉框
- tkinter中checkbutton多選框控制元件和variable用法(六)控制元件
- Select2 選項框的聯想匹配實現
- 讓前端的下拉框支援單選、多選及全選,後臺MyBaits解決方案前端AI
- 利用純 CSS3 定製單選/多選框樣式CSSS3
- select 下拉框選中事件事件
- JavaScript 點選複製選中文字程式碼例項JavaScript
- C#實現的下拉多選框,下拉多選樹,多級節點C#
- .Net Core 中的選項Options
- HTML中實現多選一且輸入框的啟用與禁用HTML
- 觀察下面的選項,選出正確的選項。
- Vue element下拉框加一個自定義的選項Vue
- jQuery 動態載入下拉框選項(Django)jQueryDjango
- excel重複項篩選標色 excel表格重複項變色Excel
- ElementUI的Table表格新增自定義頭CheckBox多選框UI
- C++ Qt開發:CheckBox多選框元件C++QT元件
- 設定select下拉選單的預設選中項
- 4523.095儲存擴充套件檢視, 05檢視, 8快捷鍵,15首選項,5選項,T3選單欄套件
- 邊框檢測在 Python 中的應用Python
- jq 單選多選 && 多選限制
- Vue.js 帶下拉選項的輸入框(Textbox with Dropdown)元件Vue.js元件
- jQuery點選文字框清除內容程式碼例項jQuery
- linux 中 sort -k選項Linux
- radio 單選按鈕 選中多個