jquery多选选中,jquery 多选框选中

jQuery 实现多选框功能

jquery实现（多选框）全选和取消全选功能：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns="" 

head

    meta http-equiv="content-type" content="text/html" charset="utf8"

    title/title

     /*要添加好jquery库*/

    script type="text/javascript" src=\'#\'" /script

    script src=\'#\'" type="text/javascript"/script

    script type="text/javascript"

        function checkAll() {

            $("input:checkbox").attr("checked","true");

        }

        function uncheckAll() {

            $("input:checkbox").each(function(){

                this.checked=false;

            })

            }

    /script

/head

body

input type="checkbox" id="in1" /1br /

input type="checkbox" id="in2" /2br /

input type="checkbox" id="in3" /3br /

p

input type="button" name="checkAll" value="全选" /

input type="button" name="uncheckAll" value="取消" /

/p

/body

/html

相关问答

Q1: jquery 怎样获取select多选下拉框所有选项的值

.val()函数获取select的属性。语法：

$(selector).val(value)

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。

一、创建一个select元素：

二、创建如下获取属性函数：

三、结果获取：

扩展资料：

通过 .val() 方法从 textarea 元素中取得的值是不含有回车（\r）字符的。但是如果该值是通过 XHR 传递给服务器的，回车（\r）字符会被保留（或者是被浏览器添加的，但是在原始数据中并不包含回车（\r））。可以使用下面的 valHook 方法解决这个问题：

参考资料：jQuery API 中文文档 --.val()

Q2: jquery控制多选框选中

//首先，你的想法和思路是对的，但你忽略了一个问题，jquery的选择器中表达式是操作dom的，

//用变量连接表达式，看似没毛病，但实际在jquery中的实现是不能正常执行的。它当成了一个

//完整的表达式执行，所以不能正确选择到元素。因此代码修改成以下：

var selector = ":checkbox[name='gant'][mtype='" + qx + "']";

$(selector).attr("checked", true);

//到此，成功执行！

希望能帮到你！

Q3: jquery怎么判断select中多选

jquery 获取select多选下拉框所有选项的值可以如下实现

var all = "";

$("select option").each(function() {

all += $(this).attr("value")+" ";

});

而值获取被选中的值可用如下代码实现

$("select").val();

下面给出实例代码：

创建Html元素：一个多选列表和一个按钮

select id="multi-sel" multiple="multiple"

option value="1"萝卜，我的value是1/option

option value="2"青菜，我的value是2/option

option value="3"小葱，我的value是3/option

option value="4"豆腐，我的value是4/option

/select

input type="button" value="点击显示选择的项目"

简单设置一下css样式

select{width:200px;height:150px;padding:10px;border:4px dashed #ccc;}

select option{margin:5px;}

input[type='button']{width:200px;height:35px;margin:10px;border:2px dashed #ebbcbe;}

编写jquery代码：实现获取所有值和获取选中值

$(function(){

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

var all = "";

$("select option").each(function() {

all += $(this).attr("value")+" ";

});

var sel = $("select").val();

alert("多选列表所有的value值:"+all+"，其中被选中的是:"+sel+"。");

});

})

Q4: 怎样用 jquery选中多选框

var querycheck = "";

$("#aa").find("input[type=checkbox]").each(function(){

if($(this).attr("checked") == "checked"){

if(querycheck == ""){

querycheck += $(this).val();

} else {

querycheck += ","+$(this).val();

}

}

});

Q5: jQuery如何判断和设定单选多选是否选中

if($("radio").attr("checked")){

alert("选中")

}else{

alert("不选中")

}