在form表单中如何来获取checkbox(多选框)的值,选择多个可只获到最后一个值

在form表单中如何来获取checkbox(多选框)的值,选择多个可只获到最后一个值,第1张

protected void Page_Load(object sender, EventArgs e)

{

CheckBox chk = new CheckBox();

chkText = "testall"; // 这里可以换成数据库的内容

chkCheckedChanged += new EventHandler(chk_CheckedChanged);

chkAutoPostBack = true;

PageFormControlsAdd(chk);

for (int i = 0; i < 10; i++)

{

CheckBox chk2 = new CheckBox();

chk2Text = "test" + iToString(); // 这里可以换成数据库的内容

chk2Checked = (i % 3 == 0); // 这里可以换成数据库的内容

PageFormControlsAdd(chk2);

}

}

void chk_CheckedChanged(object sender, EventArgs e)

{

CheckBox all = sender as CheckBox;

foreach(Control ctl in PageFormControls)

{

if (ctl is CheckBox)

{

CheckBox chk = ctl as CheckBox;

chkChecked = allChecked;

}

}

}

在实际应用中,偶尔会用到复选框checkbox的值,那么如何获取它的值呢?本文接下来会介绍使用js获取复选框值,需要的朋友可以了解下

<script>

function checkbox()

{

var str=documentgetElementsByName("box");

var objarray=strlength;

var chestr="";

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

{//欢迎来到脚本之家,很好记,脚本之家,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。

if(str[i]checked == true)

{

chestr+=str[i]value+",";

}

}//欢迎来到脚本之家,很好记,脚本之家,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。

if(chestr == "")

{

alert("请先选择一个爱好~!");

}

else

{

alert("您先择的是:"+chestr);

}

}

</script>

<a href="<#ZC_BLOG_HOST#>">脚本之家</a>,站长必备的高质量网页特效和广告代码。zzjsnet,站长js特效。<hr>

<!--欢迎来到脚本之家-->

选择您的爱好:

<input type="checkbox" name="box" id="box1" value="跳水" />跳水

<input type="checkbox" name="box" id="box2" value="跑步" />跑步

<input type="checkbox" name="box" id="box3" value="听音乐" />听音乐

<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

用jquery实现比较方便

1,获取已选中复选框的值的写法为

$("input[type='checkbox']:checked")val();

2,获取已选中复选框其他列的值的写法为

$("input[type='checkbox']:not(:checked)")val();

这两种方法返回的都是数组

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" " >

以上就是关于在form表单中如何来获取checkbox(多选框)的值,选择多个可只获到最后一个值全部的内容,包括:在form表单中如何来获取checkbox(多选框)的值,选择多个可只获到最后一个值、怎么获取单选框和复选框的值啊、在jsp中获取已选中checkbox其他列的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/10128988.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存