js 如何判断多选select 是否有

js 如何判断多选select 是否有,第1张

楼主的意思是如何判断选中多个select值么?

我下面的方法可以得到用户选取的多个值

<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是如何判断被选中多选框的数量等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9874837.html

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

发表评论

登录后才能评论

评论列表(0条)

保存