0

選択したもの、つまり選択したオプションにクラスを追加するオプションはありますか?もしそうなら、どのように値を追加して取得できますか?

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

}

ここではアラートが機能していません

4

3 に答える 3

0

これを試して:

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
 }
 });  
}
于 2014-01-24T08:30:43.183 に答える
0

「:selected」セレクターは、「li」ではなく、「option」要素でのみ使用できます。

このコードを試してください:

click: function(event, ui){
 $('.ui-multiselect-checkboxes li').removeClass("highlight");
 $(this).addClass("highlight");  
},
close: function(event, ui){
 alert($('.ui-multiselect-checkboxes').multiselect('getChecked').join(", "));
}
于 2014-01-24T08:58:00.730 に答える
0

addclass と remove 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>
于 2014-01-24T08:38:26.697 に答える