Question

是否可以选择将类添加到所选的li，即所选的选项，如果可以，如何添加和获取值？

close: function(event, ui){
var selectedValues = $('#VendorNum').val();
 $('.ui-multiselect-checkboxes li').each(function(){
    if($(this).is(":selected")){
    alert(selectedValues);   
    }
 });  

}

此警报无效

Answer 1

试试这个：

var selectedValues = $('#VendorNum').val();
 $('.ui-multiselect-checkboxes li').each(function(){
if($(this).is(":selected")){
 $('.liselected').removeClass('liselected');//remove class from previously selected element
  alert(selectedValues);   
 $(this).addClass('liselected');//add class to current selected
 }
 });  
}

Answer 2

你可以使用addclass并删除class方法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
</head>
<body>
<style>
    .highlight
    {
        color: Red;
    }
</style>
<script>
    $(document).ready(function () {
        $("#myUl li").click(function () {
            $("#myUl li").removeClass("highlight");
            $(this).addClass("highlight");
            alert($(this).html());
        });

    });
</script>
<ul id="myUl">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>
</body>
</html>

Answer 3

“：selected”选择器只能用于“选项”元素，而不能用于“li”。

试试这段代码：

click: function(event, ui){
 $('.ui-multiselect-checkboxes li').removeClass("highlight");
 $(this).addClass("highlight");  
},
close: function(event, ui){
 alert($('.ui-multiselect-checkboxes').multiselect('getChecked').join(", "));
}

ui multiselect在选择时将类添加到li？

3 个答案: