
html布局
<div class="mask"> //每一個彈層都有一個隱藏的input
<label>
<input hidden="" value="6" type="checkbox" name="record" onclick="Radiochoose(this)">
<i class="iconfont icon-weixuanze"></i>
</label>
</div>
//編輯模態框的單選按鈕的點擊
function Radiochoose(_this){
var label = $(_this).parent();
var icon = label.find('.iconfont');
if(icon.hasClass('icon-weixuanze')){
icon.addClass('icon-queding').removeClass('icon-weixuanze');
_this.checked=true;//選中的話checked為true
console.log($(_this).prop('checked'));
}else{
icon.removeClass('icon-queding').addClass('icon-weixuanze');
_this.checked=false;
console.log($(_this).prop('checked'));
}
}
$('.zbtn').click(function(){ //給刪除的按鈕添加一個事件
var inputs=$('.mask').find('input'); //找到頁面所有的input
var _arr=[]; //聲明一個空數組
for (var i = 0; i < inputs.length; i++) {
if(inputs[i].checked){ //如果input的狀態是選中狀態
_arr.push(parseInt(inputs[i].value)); //追加到空數組
}
}
console.log(_arr);
});