动态复选框 使用js 判断是否选中？ 需要使用js 判断 多少个选中，并获取他们的值。
<script>vartext="";target=document.getElementById("checkboxdiv");for(i=0;i<10;i++){te...
<script>
var text="";
target=document.getElementById("checkboxdiv");
for(i=0;i<10;i++){
text+="<input name='mycheck' type='checkbox' value="+i+">"+i+"<br>";
}
target.innerHTML=text;
</script>
<body>
<div id='checkboxdiv'></div>
<body> 展开
var text="";
target=document.getElementById("checkboxdiv");
for(i=0;i<10;i++){
text+="<input name='mycheck' type='checkbox' value="+i+">"+i+"<br>";
}
target.innerHTML=text;
</script>
<body>
<div id='checkboxdiv'></div>
<body> 展开
5个回答
展开全部
<html>
<head>
<script>
function showCB(){
var text="";
target=document.getElementById("checkboxdiv");
var cbs = document.getElementsByName("cb"); //获取到name相同的复选框标签
for(i=0;i<cbs.length;i++){
if(cbs[i].checked) //如果此复选框被选中，就对text进行叠加
text+=cbs[i].value+" ";
}
target.innerHTML=text==""?"请选择一项":text;
//如果text的值为空，就表示没选项被选中，提示用户选中一项!
}
</script>
</head>
<body>
<input name="cb" type="checkbox" value="踢球" />踢球
<input name="cb" type="checkbox" value="看书" />看书
<input name="cb" type="checkbox" value="军事" />军事
<input name="cb" type="checkbox" value="历史" />历史
<input type="button" value="提交" onclick="showCB()" />
<div id='checkboxdiv'></div>
<body>
</html>
<head>
<script>
function showCB(){
var text="";
target=document.getElementById("checkboxdiv");
var cbs = document.getElementsByName("cb"); //获取到name相同的复选框标签
for(i=0;i<cbs.length;i++){
if(cbs[i].checked) //如果此复选框被选中，就对text进行叠加
text+=cbs[i].value+" ";
}
target.innerHTML=text==""?"请选择一项":text;
//如果text的值为空，就表示没选项被选中，提示用户选中一项!
}
</script>
</head>
<body>
<input name="cb" type="checkbox" value="踢球" />踢球
<input name="cb" type="checkbox" value="看书" />看书
<input name="cb" type="checkbox" value="军事" />军事
<input name="cb" type="checkbox" value="历史" />历史
<input type="button" value="提交" onclick="showCB()" />
<div id='checkboxdiv'></div>
<body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这样写就O了
<html>
<head>
<script type="text/javascript">
function load(){
var text="";
target=document.getElementById("checkboxdiv");
for(i=0;i<10;i++){
text+="<input name='mycheck' type='checkbox' value="+i+">"+i+"<br>";
}
target.innerHTML=text;
}
function getChecked(){
var checkboxes = document.getElementsByName('mycheck');
var checkedArr = new Array();
for(var i=0;i<checkboxes.length;i++){
if(checkboxes[i].checked){
checkedArr.push(checkboxes[i].value);
}
}
document.getElementById('currentchecked').value = checkedArr.join(',');
}
</script>
</head>
<body onload="load()">
<input id="currentchecked">
<div id='checkboxdiv'></div>
<input id="getChecked" type="button" onclick="getChecked()" value="getChecked"/>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function load(){
var text="";
target=document.getElementById("checkboxdiv");
for(i=0;i<10;i++){
text+="<input name='mycheck' type='checkbox' value="+i+">"+i+"<br>";
}
target.innerHTML=text;
}
function getChecked(){
var checkboxes = document.getElementsByName('mycheck');
var checkedArr = new Array();
for(var i=0;i<checkboxes.length;i++){
if(checkboxes[i].checked){
checkedArr.push(checkboxes[i].value);
}
}
document.getElementById('currentchecked').value = checkedArr.join(',');
}
</script>
</head>
<body onload="load()">
<input id="currentchecked">
<div id='checkboxdiv'></div>
<input id="getChecked" type="button" onclick="getChecked()" value="getChecked"/>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<body>
<div id='checkboxdiv'></div>
<input type='button' value='check' onclick='check()'>
<body>
<script>
var text="";
target=document.getElementById("checkboxdiv");
for(i=0;i<10;i++){
text+="<input name='mycheck' type='checkbox' value="+i+">"+i+"<br>";
}
target.innerHTML=text;
function check(){
var num=0;
var value=[];
var c=document.getElementsByTagName("INPUT");
for(var i=0;i<c.length;i++){
if(c[i].type=="checkbox"&&c[i].checked){
num++;
value[value.length]=c[i].value;
}
}
alert("共有"+num+"个复选框被选中,值为"+value);
}
</script>
<div id='checkboxdiv'></div>
<input type='button' value='check' onclick='check()'>
<body>
<script>
var text="";
target=document.getElementById("checkboxdiv");
for(i=0;i<10;i++){
text+="<input name='mycheck' type='checkbox' value="+i+">"+i+"<br>";
}
target.innerHTML=text;
function check(){
var num=0;
var value=[];
var c=document.getElementsByTagName("INPUT");
for(var i=0;i<c.length;i++){
if(c[i].type=="checkbox"&&c[i].checked){
num++;
value[value.length]=c[i].value;
}
}
alert("共有"+num+"个复选框被选中,值为"+value);
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<form name='frm'>
<div id='checkboxdiv'></div>
<script>
var text="";
target=document.getElementById("checkboxdiv");
for(i=0;i<10;i++){
text+="<input name='mycheck' type='checkbox' value="+i+">"+i+"<br>";
}
target.innerHTML=text;
function doCheck(form){
var _Value = '';
var _nCount = 0
for (var i=0;i<form.elements.length;i++) {
var e = form.elements[i];
if(e.checked == true){
_Value += " chk " + i + " --> " + e.value + "\n";
_nCount++;
}
}
alert(_Value + "\n Checked Number = " + _nCount );
}
</script>
<br><br>
<input type='button' name='btnCheck' value=' Cleck Me ' onCLICK="doCheck(document.forms[0])">
</form>
<div id='checkboxdiv'></div>
<script>
var text="";
target=document.getElementById("checkboxdiv");
for(i=0;i<10;i++){
text+="<input name='mycheck' type='checkbox' value="+i+">"+i+"<br>";
}
target.innerHTML=text;
function doCheck(form){
var _Value = '';
var _nCount = 0
for (var i=0;i<form.elements.length;i++) {
var e = form.elements[i];
if(e.checked == true){
_Value += " chk " + i + " --> " + e.value + "\n";
_nCount++;
}
}
alert(_Value + "\n Checked Number = " + _nCount );
}
</script>
<br><br>
<input type='button' name='btnCheck' value=' Cleck Me ' onCLICK="doCheck(document.forms[0])">
</form>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在提交的时候进行判断，document.getElementByNames("mycheck"); 这就是一个数组，遍历它就可以了吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
