我有一个渲染页面。我在PHP中获得了一个数组,我用JSON转换了它。
var dataObj = <?php echo json_encode($travellerDetails); ?>
{trip_id:“3”,booking_reference:“test123”,航班:“3”,flight2: “0”,dep_date:“2016-12-30”......} {trip_id:“2”,booking_reference: “test123”,航班:“2”,flight2:“0”,dep_date:“2016-12-30”......} {trip_id:“4”,booking_reference:“test123”,航班:“6”,flight2: “0”,dep_date:“2016-12-30”......}
我想首先在我的页面中显示这些行,但在选中后,应该过滤复选框渲染页面。
$('.checkbox_check').click(function() {
var checkbox_values = [];
$("input[name='airlines[]']:checked").each(function(){
checkbox_values.push($(this).val());
});
}
<div>Airlines</div>
<div class="checkbox">
<label><input type="checkbox" value="Go Air" name="airlines" class="checkbox_check">Go Air</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Jet Airways" name="airlines" class="checkbox_check">Jet Airways</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Indigo" name="airlines" class="checkbox_check">Indigo</label>
</div>
我想过滤dataObj
数组但是如果选中了多个复选框。 checkbox_values
数组中的所有选中值。过滤器将为dataObj.operator1=='Go Air'
或'Indigo'
;
如何使用jQuery做到这一点?