Javascript jQuery i-Check插件相同的类名-检索两个不同的值

我使用I-check插件，试图从两个代表两个不同字段的输入字段中检索值

Html:

现在的问题是，我在两种不同的表示中得到了相同的值

例如，如果选择了星级-我在这里得到的值都是1.0，但在hoteltype中应该是空的。问题出在标识符“.i-check”中。我尝试将ID类添加到这两个类中，以便其中一个具有ID=“Starting”，另一个具有ID=“hoteltype”，然后按如下方式操作：

 'minStarRating':$(".i-check#starrating input[type='checkbox']:checked").val()
'hoteltype':$(".i-check#hoteltype input[type='checkbox']:checked").val()

---

这似乎不适用于I-Check插件，如何解决这一问题，以便将这两个值分开

如果在

id

和元素名称之间留有空格（在本例中为

input

），浏览器会认为

input

元素是

id

元素的后代；因此，我认为最好在这两者之间留出空间。下面是一些可用于查找问题值的备选方案

$（“标签”）。在（“单击”，“输入：复选框”，函数（）上）{
var result='minStarRating'+$（“输入[type='checkbox']：选中#starrating”）.val（）；
var result2='hoteltype'+$（“输入[type='checkbox']：选中的#hoteltype”）.val（）；
//同上，但顺序不同
//var result='minStarRating'+$（“#starrating:input[type='checkbox']：checked”）.val（）；
//var result2='hoteltype'+$（“#hoteltype:input[type='checkbox']：checked”）.val（）；
//下面的代码也可以使用，但它更长，它还使用类名
//var result='minStarRating'+$（“.i-check#starrating:input[type='checkbox']：checked”）.val（）；
//var result2='hoteltype'+$（“.i-check#hoteltype:input[type='checkbox']：checked”）.val（）；
$（“#结果”）。文本（结果）；
$（“#结果2”）.text（结果2）；
});

酒店
一颗星

<script>
            $('.i-check input').on('ifChanged', function(event){
                $('.searchtable').addClass('hide');
                $('.spinner').removeClass('hide');

                $.ajax({
                    type: 'GET',
                    data: {'name':'<?php echo strval($_GET['name']); ?>','arrival':'<?php echo strval($_GET['arrival']); ?>','departure':'<?php echo   strval($_GET['departure']);?>','guests':'<?php echo strval($_GET['guests']);?>','propertyCategory':$(".i-check input[type='checkbox']:checked").val(),'minStarRating':$(".i-check input[type='checkbox']:checked").val(),'order_by':$('#order_by').val()},
                    url: '<?php echo $baseUrl ?>/hotels/hotelFilterResult.php',


                    success: function (data) {
                    //alert('data loaded succesfully');
                        alert(this.url);

                        $('.searchtable').replaceWith(data);
                        $('.spinner').addClass('hide');
                        $('.searchtable').removeClass('hide');

                    },
                    error: function (xhr) {
                        alert('data not loaded');
                        }
                    });

           });

'minStarRating':$(".i-check input[type='checkbox']:checked").val()
'hoteltype':$(".i-check input[type='checkbox']:checked").val()

 'minStarRating':$(".i-check#starrating input[type='checkbox']:checked").val()
'hoteltype':$(".i-check#hoteltype input[type='checkbox']:checked").val()