我有一个带有2个单选按钮和一个搜索按钮的数据表,我想将年和日期月份分别放在2和3个数据表单元格中,同时当我检查rb1并单击按钮数据表搜索时,显示日期时钟在01 /月/年之间和15 /月/年,对于数据表rb2,显示打孔在16 / m / y和31 / moth /年之间。
<div class="form-check form-check-inline">
<label class="form-check-label" for="btnf1">1st fortnight</label>
<input type="radio" class="form-check-input" id="btn1" name="btnRadio" checked>
<label class="form-check-label" for="btnf2">2nd fortnight</label>
<input type="radio" class="form-check-input" id="btn2" name="btnRadio">
</div>
<div class="form-group col-md-offset-5 ">
<button class="btn btn-success " id="hide">Rechercher</button>
</div>
<table class="table table-bordered" id="mytable">
<thead>
<tr>
<th><input type="checkbox" id="check_all"></th>
<th>year</th>
<th>month</th>
<th>salaries</th>
<th>chantier</th>
<th>date</th>
</tr>
</thead>
<tbody>
<tr id="tr_">
<td><input type="checkbox" class="checkbox"></td>
<td><input type="hidden" class='year' class="form-control" /></td>
<td><input type="hidden" class='month' class="form-control" /></td>
<td>najib</td>
<td>harbil</td>
<td>01/01/2019</td>
</tr>
<tr id="tr_">
<td><input type="checkbox" class="checkbox"></td>
<td><input type="hidden" class='year' class="form-control" /></td>
<td><input type="hidden" class='month' class="form-control" /></td>
<td>ali</td>
<td>najd</td>
<td>20/01/2019</td>
</tr>
</tbody>
<tfoot>
<tr>
<th></th>
<th>year</th>
<th>month</th>
<th>salaries</th>
<th>chantier</th>
<th>date</th>
</tr>
</tfoot>
</table>
jQuery代码
$(document).ready(function () {
$('#check_all').on('click', function(e) {
if($(this).is(':checked',true))
{
$(".checkbox").prop('checked', true);
} else {
$(".checkbox").prop('checked',false);
}
});
$('.checkbox').on('click',function(){
if($('.checkbox:checked').length == $('.checkbox').length){
$('#check_all').prop('checked',true);
}else{
$('#check_all').prop('checked',false);
}
});
let year=$('#year').val();;
let month=$('#month').val();
$('.year').val(year);
$('.month').val(month);
});