我下面的方法可以得到用户选取的多个值
<script type="text/javascript">function selectTest()
{
var myselect = documentgetElementById( "Myselect" ); //获取select对象
var msg = "被选中的选项为:\n";
for( var i=0; i < myselectlength; i++ ) //遍历整个选顶
{
if( myselectoptions[ i ]selected == true ) //判断是否被选中
msg += " " + i + ":" + myselectoptions[i]text; //选中的文本内容
}
alert( msg );
}
</script>
网页代码:
<body><select id="Myselect" multiple="true" style="width:100px;" > <!-- 这里multiple的属性设置为true,表明可以选择多个选顶 -->
<option>沙发</option>
<option>板凳</option>
<option>地板</option>
<option>地壳</option>
<option>地幔</option>
</select>
<input type="button" value="提交" onclick="selectTest()" />
</body>
这么写貌似不太对吧。
这种情况要改下HTML,然后PHP做事就简单多了。
<form action="testphp" method="post">
<span>
<input type="checkbox" name="authors[]" value="1" />小人
<input type="radio" name="author_type[]" value="1" checked="checked" />作者
<input type="radio" name="author_type[]" value="2" />译者
</span>
<span>
<input type="checkbox" name="authors[]" value="2" />年轻人
<input type="radio" name="author_type[]" value="1" checked="checked" />作者
<input type="radio" name="author_type[]" value="2" />译者
</span>
<span>
<input type="checkbox" name="authors[]" value="3" />老人
<input type="radio" name="author_type[]" value="1" checked="checked" />作者
<input type="radio" name="author_type[]" value="2" />译者
</span>
</form>
testphp
<
$p = &$_POST;
foreach($p['authors'] AS $k=>$v) //如果没有勾选任何复选框,那么这个数组是空的。
{
echo $v; //Author 的值
echo $author_type[$k]; //Author对应的类型,是作者还是译者
}
>
希望能帮到你。
$(":checkbox")click(function{
if($("input:checked")size()>=数值){
$(this)removeAttr("checked");
$(":checkbox")attr("disabled","disabled");
$("input:checked")removeAttr("disabled");
}
});
获取 checkbox的选中个数可以直接使用如下jquery语法
$("input[type='checkbox']:checked")length;实例演示如下
创建Html元素
<div class="box"><span>点击按钮获取选中个数:</span><br>
<div class="content">
<input type="checkbox" name="test" >萝卜
<input type="checkbox" name="test" >青菜
<input type="checkbox" name="test" >小葱
<input type="checkbox" name="test" >豆腐
<input type="checkbox" name="test" >土豆
</div>
<input type="button" class="btn" value="获取被选择个数">
</div>
设置css样式
divbox{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='checkbox']{margin:5px 10px;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}
编写jquery代码
$(function(){$("input:button")click(function() {
alert($("input[type='checkbox']:checked")length);
});
})
观察效果
首先设置select的多选属性“multiple”为真,之后即可通过js进行获取。
举例代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<script language="JavaScript">
<!--
function checkselect(objname){
o = documentgetElementById(objname);
t = documentgetElementById("output");
var count=0;
var intvalue="";
for(i=0;i<olength;i++){
if(ooptions[i]selected){
intvalue+=ooptions[i]value+",";
count++;
}
}
tvalue=intvaluesubstr(0,intvaluelength-1);
alert(count);
}
//-->
</script>
<select name="objsel" size=8 multiple="true">
<option value="0" selected>请选择 </option>
<option value="1">测试一 </option>
<option value="2">测试二 </option>
<option value="3">测试三 </option>
<option value="4">测试四 </option>
<option value="5">测试五 </option>
</select>
<input type="button" onclick="checkselect('objsel');" value="输出">
选中的项目:<input type="text" name="output">
</body>
</html>
以上就是关于js 如何判断多选select 是否有全部的内容,包括:js 如何判断多选select 是否有、JS判断单选是否被选择了,类似下图多选后跟两个单选是一组,在判断了多选是否已经选择后怎么判断对应单选、jQuery是如何判断被选中多选框的数量等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)