动态添加的CheckBox 怎么获取选中的CheckBox值

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;

}

}

}

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例子：

jquery的遍历方法可以获取复选框所欲的选中值

$("input:checkbox:checked")each(function(index,element)); // 为所有选中的复选框执行函数，函数体中可以取出每个复选框的值

$("input:checkbox:checked")map(function(index,domElement)); // 将所有选中的复选框通过函数返回值生成新的jQuery 对象

实例演示：点击按钮获取checkbox的选中值

创建Html元素

<div class="box">

<span>点击按钮获取checkbox的选中值：</span>

<div class="content">

<input type='checkbox' name='message' value='1'/>发送短信

<input type='checkbox' name='message' value='2'/>发送邮件

</div>

<input type="button" value="提交">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

编写jquery代码

$(function(){

$("input:button")click(function() {

text = $("input:checkbox[name='message']:checked")map(function(index,elem) {

return $(elem)val();

})get()join(',');

alert("选中的checkbox的值为："+text);

});

});

你要用js获取服务器控件checkbox的值首先要给该控件设一个ClientID，因为原ID通过GridView的转换会发生变化的。在模板中的checkbox可以设置class，然后用js的getElementById获取全选那个复选框的Onchange事件触发。

把代码改一下：

function ch1() {

var st=documentgetElementsByName("check1");

alert(st[0]value);

alert(stlength);//获取数组长度，即多选框的选项个数

}

(PS:你可以通过

for(var i = 0;i < stlength;i++){

if(arrayID[i]checked){//被你选中的项

//可以对选中的项进行相应的 *** 作

}

)不知道能不能帮到你呢？

js中获取checkbox选中的值的方法：

<script>

function checkbox()

{

var str=documentgetElementsByName("box");

var objarray=strlength;

var chestr="";

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

{

if(str[i]checked == true)

{

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

}

}

if(chestr == "")

{

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

}

else

{

alert("先择的是："+chestr);

}

}

</script>

选择爱好：

<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="提交" />

以上就是关于动态添加的CheckBox 怎么获取选中的CheckBox值全部的内容，包括:动态添加的CheckBox 怎么获取选中的CheckBox值、react.js 下获取各种input控件的值 radio、checkbox等、怎么获取所有checkbox的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！