其实你要认识到一点，不管什么控件到浏览器都是html控件，下面代码直接复制希望对你有帮助
function s() {
var el=documentgetElementById("CheckBoxList1")getElementsByTagName("input");
var a = ellength;
for (var i = 0; i < a; i++) {
if (el[i]checked) {
alert(el[i]value);
}
}
}
1、在react中可以给输入控件（如input type=text）加上引用名，好获取它的输入值
例如：
2、<textarea >控件，它和input不同，它是开标签，内容是包括在<textarea >和</textarea>之间的。如果需要获取<textarea >的值，同样可以用ref来获取
例如:
注意：这里log出来的是页面用户输入后的最终文字。
3、单选radio和多选checkbox，获取它们的值最好还是用一个公共变量如state来保存，因为它们的值只能在触发事件中获取，不像text控件可以后期提交时获取。初始值可以通过 defaultChecked={true} 来设置。
radio例子：
如果是checkbox，用div包住不合适，因为div每次点击只能获取点击一次的值。所以checkbox需要写到每个checkbox 控件里面的onChange或onClick事件。可以通过一个state的数组来存储变更。checkbox例子：
在CS中可以得到checkbos的clientID,可以在datalist的项绑定事件里得到,类似的
private void DataList1_ItemDataBound(object sender, SystemWebUIWebControlsDataListItemEventArgs e)
{
if(ListItemTypeItem == eItemItemType || ListItemTypeAlternatingItem == eItemItemType)
{
CheckBox cb1 = (CheckBox )eItemFindControl("Hobby");
cb1AttributesAdd("onclick","javascript:return myfund('" + cb1ClientID + "');");
}
}
checkbox没有索引值 只能拿到value 可以通过value 计算出是第几个checkbox被选中
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
1、获取复选框被选中值
<input type="button" id="btn5" value="获得选中的所有值">
<input type="text" name="dd" id="dd" size="50" />
$("#btn5")click(function(){
var str="";
$("[name='checkbox'][checked]")each(function(){
str+=$(this)val()+",";
})
$("#dd")val(str)
})
JQuery获取被选中复选框checkbox的个数
通过jQuery获取checkbox选中项的个数，需要用到jQuery的size()方法或length属性，下面的例子是通过length属性获得checkbox选中项的个数
<ul>
<li><input type="checkbox" name="test" />看电视</li>
<li><input type="checkbox" name="test" />看**</li>
<li><input type="checkbox" name="test" />上网</li>
<li><input type="checkbox" name="test" />爬山</li>
<li><input type="checkbox" name="test" />游乐场</li>
<li><input type="checkbox" name="test" />逛街</li>
<li><input type="checkbox" name="test" />聚会</li>
</ul>
<p>
<input type="button" id="count" value="有多少CheckBox被选中了？" />
<script type="text/javascript">
$(document)ready(function(){
$('input[type=checkbox]')click(function(){
$(this)attr('disabled','disabled');
if($("input[name='test']:checked")length >= 3)
{ $("input[name='test']")attr('disabled','disabled');}});
$("#count")click(function(){$('input')live('click',function(){
alert($('input:checked')length);
});})})
</script>
效果如图:
扩展资料：
JS日常用途
嵌入动态文本于HTML页面。
对浏览器事件做出响应。
读写HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
控制cookies，包括创建和修改等。
基于Nodejs技术进行服务器端编程。
<!DOCTYPE html>
<html xmlns=">
<input type="checkbox" id="box" value="sss1"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="button" name="btnOK" value="确定"/>
<script for = btnOK event=onclick>
var value="";
for (var i=0;i<boxlength;i++ ){
if(box[i]checked){ //判断复选框是否选中
value=value+box[i]value + " "; //值的拼凑 具体处理看你的需要,
}
}
alert(value);//输出你选中的那些复选框的值
</script>
<script type="text/javascript">
windowonload = function() {
// 创建 input 元素
var checkbox = documentcreateElement("input");
checkboxtype = "checkbox";
checkboxvalue = "123";
// 页面添加 checkbox
documentbodyappendChild(checkbox);
// 点击
checkboxonclick = function() {
if(thischecked) {
alert("选中");
}
else {
alert("未选中");
}
alert("value: " + thisvalue);
}
};
</script>
以上就是关于JS获取checkbox的值，然后插入数据库全部的内容，包括:JS获取checkbox的值，然后插入数据库、react.js 下获取各种input控件的值 radio、checkbox等、用js获取这个asp:checkbox的所选值，外面还有datalist等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）