1. 程式人生 > >自定義表格新增複選框列

自定義表格新增複選框列

最近做個購物車, 需要自己在表格中實現一個複選框的列:

<input type="checkbox" onclick="allcheck(this.checked)"/>全選

<td><input type="checkbox" name="productIds" value="${car.id}"/></td>

全選框的事件處理如下:

function allcheck(checked){
		$("input[type=checkbox][name='productIds']").each(function() {
   			$(this).attr("checked", checked);	// 設定每個checkbox選中或不選中
   			if($(this).attr("checked")){
   				// 這裡是自己的邏輯處理, 我這裡就是改變購物車總價等資訊.
       		}
		});
     }

獲取被選中的行的事件處理如下:
var str = '';
    	 $("input[type=checkbox][name='productIds']").each(function() {
    		 if($(this).attr("checked")){
    			 str+=$(this).val()+',';// 獲取所有被選中的行的value值進行拼接.
    		 }
		 });
    	 alert(str);
    	 var length=$("input[type=checkbox][name='productIds']:checked").length;//獲得被選中的個數


相關推薦

定義表格新增

最近做個購物車, 需要自己在表格中實現一個複選框的列: <input type="checkbox" onclick="allcheck(this.checked)"/>全選 <td><input type="checkbox" name="

vue element UI el-table 給表格新增,並得到所

<el-table @selection-change="changeFun"> <el-table-column type="selection"> </el-table-column> </el-table>

destoon後臺定義欄位增加全全不按鈕

修改include/fields.func.php 中的函式function fields_show() 在177行 case 'checkbox': if(

金蝶bos 定義UI介面新增控制元件,並且做業務處理

 /**      * 顯示工程型別      * @author daihao      * 

web頁面表格、調整寬——20181126

資料解析後,根據資料內容在頁面上通過表格顯示出來,同時添加了複選框和修改列寬的內容。 <!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <script type="text/java

datatables 新增及序號及使用ajax請求

1.頁面引入樣式 和 js 檔案 2. html 程式碼 <table id="keeperUserList" class="display table table-striped table-bordered table-hover table-checkabl

【機房重構】DataGridView中新增

實現效果 DataGridView列頭新增複選框 //宣告靜態類變數 private static DataGridViewCheckBoxColumn checkColumn = null; private void cmbJiBie_SelectedIndexChang

PyQt treewiget新增,並獲取是否選中

# -*- coding: utf-8 -*- import sys from PyQt4.QtGui import * from PyQt4.QtCore import * class TreeWidget(QWidget): def __in

layui表格資料回顯設定

layui2.3版本,本身並不帶有複選框回顯功能,那麼需要從源頭解決此事,F12程式碼除錯,找到與複選框關聯的地方發現: 我們只需要在渲染資料回撥時找到每個複選框根據資料的不同來設定回顯。 layui這裡有一個坑,設定class屬性後會造成二次點選效果,千萬不要手動修改class屬性,

表格增加

function initTableCheckbox() { var $thr = $('table thead tr'); var $checkAllTh = $('<th><input type="checkbox" id="checkA

定義View新增事件

最近一直在學習自定義控制元件 越學習越覺得自定義控制元件厲害。也越發的想掌握其原理。 雖然GitHub上各種各樣的輪子都有,但是萬一沒有呢? 依靠輪子是不靠譜的!!! 自己掌握原理,才是最靠譜的!!! 當我用自定義控制元件畫出來想要的效果時,突發奇想。 點了一下,發現沒反

定義view系列(3)--給定義View新增事件

這幾天一直在看《android開發藝術探索》和《android群英傳》中關於自定義view的章節,結合著網上大神的一些心得分享,感覺自定義view這一塊受益匪淺,這裡做個心得筆記,主要記錄一下view與使用者互動的一些知識。 自定義view與使用者互動用的最多的就是單擊事件

lightswitch datagrid 動態新增的功能。

lightswitch中非自定義datagrid 使用注入的方式新增複選框,以便使用者可以進行多項選擇,using Microsoft.LightSwitch; using Microsoft.LightSwitch.Client; using Microsoft.Light

CSS 實現定義樣式的單與多

前端在開發的過程中,經常會遇見使用單選框以及多選框的情況,但是預設的選框按鈕的樣式單一,一般我們需要去自定義一些選框按鈕的樣式; 通常情況下,單選、多選為方便自定義樣式,一般會採用input+

VC++ 如何向一個列表控制元件中動態新增

宣告:由於自己的程式設計需要,這裡的列表控制元件只有一列,是list樣式。 1.首先給列表控制元件關聯一個成員變數,例如: DDX_Control(pDX, IDC_LIST_DtvParent, m

為DataGridView 新增,實現全功能

1、指定DataGridView的第一列為DataGridViewCheckBoxColumn 2、為第一列的標題欄新增一個CheckBox,假設為HeaderCheckBox同時為HeaderCheckBox定義好 MouseClick 和 KeyUp 事件priva

定義Notification新增事件

前言 在上一篇文章中《Notification自定義介面》中我們實現了自定義的介面,那麼我們該怎麼為自定義的介面新增點選事件呢?像酷狗在通知欄 有“上一首”,“下一首”等控制按鈕,我們需要對按鈕的點選事件進行響應,不過方法和之前的點選設定不一樣,需要另外處理,

Qt 之 QHeaderView 新增

簡述 前面分享了QTableView中如何新增複選框。本節主要介紹QTableView中的表頭-QHeaderView新增複選框的功能,下面以水平表頭為例,垂直表頭類似! | 效果 QHeaderView 原始碼 TableHead

C#開發學習筆記:向Dev控制元件庫中的GridControl新增定義

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">Dev控制元件庫自帶的有複選框列,預設是不顯示狀態,如果需要則設定相關

Bootstrap模態(modal),並新增表格(table),還可做提示、檔案選擇等,很實用!

      Bootstrap中的模態框外掛以彈出對話方塊的形式出現,具有最小和最實用的功能集,主要的是使用起來很靈活!有以下幾個特性:(1)不支援同時開啟多個模態框;(2)務必將模態框的 HTML 程式碼放在文件的最高層級內(也就是說,儘量作為 body 標籤的直接子元素)