bootstrap fuelux datagrid表头怎么添加checkbox多选框

winform datagridview表头怎么增加复选框，点击表头的复选框，下面行的复选全选或全未选

2011-03-08 14:22

using System

using System.Collections.Generic

using System.ComponentModel

using System.Data

using System.Drawing

using System.Linq

using System.Text

using System.Windows.Forms

namespace WindowsFormsApplication1

{

publicpartialclass Form1 : Form

{

private DataGridView DataGridView1 =new DataGridView()

private CheckBox CheckBox1 =new CheckBox()

public Form1()

{

InitializeComponent()

}

privatevoid Form1_Load(object sender, EventArgs e)

{

CheckBox1.CheckedChanged += CheckBox1_CheckedChanged

DataGridView1.CellPainting += DataGridView1_CellPainting

this.DataGridView1.AllowUserToResizeRows =false

this.DataGridView1.AllowUserToResizeColumns =false

this.DataGridView1.Dock = DockStyle.Fill

this.DataGridView1.Columns.Add(new DataGridViewCheckBoxColumn())

this.DataGridView1.Columns.Add("Column2", "Column2")

for (int i =1i <=3i++)

{

this.DataGridView1.Rows.Add(0, "Row"+ i.ToString() +" Column2")

}

this.CheckBox1.Visible =false

this.CheckBox1.Text ="CheckBox"

this.Controls.Add(DataGridView1)

this.Controls.Add(CheckBox1)

}

privatevoid CheckBox1_CheckedChanged(object send, System.EventArgs e)

{

for (int i =0i <=this.DataGridView1.RowCount -1i++)

{

this.DataGridView1.Rows.SharedRow(i).SetValues(CheckBox1.Checked)

}

}

privatevoid DataGridView1_CellPainting(object sender, System.Windows.Forms.DataGridViewCellPaintingEventArgs e)

{

if (e.RowIndex ==-1&e.ColumnIndex ==0)

{

Point p =this.DataGridView1.GetCellDisplayRectangle(e.ColumnIndex, e.RowIndex, true).Location

p.Offset(this.DataGridView1.Left, this.DataGridView1.Top)

this.CheckBox1.Location = p

this.CheckBox1.Size =this.DataGridView1.GetCellDisplayRectangle(e.ColumnIndex, e.RowIndex, false).Size

this.CheckBox1.Visible =true

this.CheckBox1.BringToFront()

}

}

}

}

相应目录里（css和js文件夹），创建静态页面index.html，如下图所示：

第二步，在index.html页面中引入select2相关的css和js文件，并将jquery核心js引入，如下图所示：

第三步，在body标签内部插入一个div标签，然后在div标签内插入一个select标签并添加多个option，如下图所示：

第四步，在script标签内初始化调用select2()方法，直接利用select下拉框的id进行初始化，如下图所示：

第五步，直接选择浏览器进行预览，可以选择下拉框中的选项，如下图所示：

第六步，修改下拉框样式，输入选项中每个字符，可以搜索出包含这个字符的所有选项，如下图所示：

bootstrap下拉框select可以通过以下步骤实现：

获取多选下拉框对象数组

循环判断option选项的selected属性（true为选中，false为未选中）

使用value属性取出选中项的值。

实例演示如下：

HTML结构 option-A  option-B option-C  option-D

javascript代码

function fun(){

var select = document.getElementById("test")

var str = []

for(i=0i<select.lengthi++){

if(select.options[i].selected){

str.push(select[i].value)

JSP提交表单后，怎么得到下拉框select选中项的value值？

要得到下拉框select选中项的value值，我们要把jsp里的下拉框的选中值传递给servlet。

在servlet中String select=request.getParameter("selectName")，得到的是选中的option的value值，

那么如果我们把value值等于它的选择项的值得话就可以了

比如

<select name="selectName">

<option value="羽毛球">羽毛球</option >

<option value="篮球">羽毛球</option >

<option value="足球">羽毛球</option >

---