怎样获取已选中的checkbox

思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：

1、HTML结构

<input type="checkbox" name="test" value="1"/><span>1</span>

<input type="checkbox" name="test" value="2"/><span>2</span>

<input type="checkbox" name="test" value="3"/><span>3</span>

<input type="checkbox" name="test" value="4"/><span>4</span>

<input type="checkbox" name="test" value="5"/><span>5</span>

<input type='button' value='提交' onclick="fun()"/>

2、javascript代码

function fun(){

obj = documentgetElementsByName("test");

check_val = [];

for(k in obj){

if(obj[k]checked)

check_valpush(obj[k]value);

}

alert(check_val);

}

每个复选框要单独一个name值，然后PHP里面追加上去，

例如

$xingge=$_POST['a']$_POST['b']$_POST['c']$_POST['d'];

这样就可以获取全部值，

或者，复选框用相同的也可以，不过是这种写法，

HTML部分

<input type="checkbox" name="xg[]" value="00">

<input type="checkbox" name="xg[]" value="11">

<input type="checkbox" name="xg[]" value="22">

<input type="checkbox" name="xg[]" value="33">

PHP部分

$xingge=$_POST['xg']['0']$_POST['xg']['1']$_POST['xg']['2']$_POST['xg']['3'];

//代码

<script language="javascript" type="text/javascript">

// <!CDATA[

function checkAllBook(check) {

var checks = documentgetElementsByTagName('input');

for(i = 0;i<checkslength;i++)

{

if(checks[i]type == "checkbox")

checks[i]checked = checkchecked;

}

}

// ]]>

</script>

<asp:GridView ID="gvAllBook" runat="server" AllowPaging="True" AutoGenerateColumns="False"

BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px"

CellPadding="4" OnRowDataBound="gvAllBook_RowDataBound">

<FooterStyle BackColor="#99CCCC" ForeColor="#003399" />

<Columns>

<asp:TemplateField HeaderText="全选">

<HeaderTemplate>

 <input onclick="checkAllBook(this);" id="hCheck" type="checkbox" runat="server" />全选

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="chbSelect" runat="server" /> 

</ItemTemplate>

</asp:TemplateField>

</Columns>

<RowStyle BackColor="White" Font-Size="12pt" ForeColor="#003399" />

<SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />

<PagerStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Center" VerticalAlign="Top" />

<HeaderStyle BackColor="#003399" Font-Bold="True" Font-Size="12pt" ForeColor="#CCCCFF" />

</asp:GridView>

</asp:Content>

checkboxlist没有试过

checkbox类型是复选框信息。

html页面通过form标签来传递表单数据。对于复选框信息，即checkbox类型，点击submit后，数据将提交至view中的函数。通过requestPOSTget函数来获取来自html页面的值，但是该函数只能get到选中的最后一个值。

HTML表单，是用于搜集不同类型的用户输入的，表单是一个包含表单元素的区域；表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素；表单使用表单标签。

以上就是关于怎样获取已选中的checkbox全部的内容，包括:怎样获取已选中的checkbox、html复选框怎么收集、一个aspx页面中有很多checkbox，怎么简单点获取选中checkbox的值。由于html页面有样式等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！