Tenho um formulário que tem um botão de marcar todos os checksbox
em uma datatable
. Até aí, tudo certo. O que não estou conseguindo fazer é pegar o valor das checkbox
marcadas e retornar o valor 1
em outro input
dentro do datatable
.
Tentei assim:
var checkbox = document.getElementsByName('marcar[]');
var cps = document.getElementById("Numbloqueios");
function addCheck() {
var teste = [];
for (var i = 0; i < checkbox.length; i++) {
if (checkbox[i].checked == 0) teste.push(checkbox[i].value);
}
cps.innerHTML = teste.join();
}
HTML:
<div class="col-md-8">
<div class="row">
<div class="col-md-3 col-md-offset-3">
<label for="todos">Selecionar Todos:</label>
<button class='btn btn-large' type='button' title='Todos' id='todos'
onclick='marcardesmarcar();'>
<i class='icon-large icon-ok'>Aperte Aqui</i>
</button>
</div>
<div class="col-md-6">
<label for="salvar">Para Aprovar:</label>
<button class='btn btn-large' type='button' title='salvar' id='salvar' onclick='addCheck()'>
<i class='icon-large icon-ok'>Aperte Aqui</i>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12" data-type="tabledetail" data-show-properties="" data-field-name="Itens2">
<div class="form-input">
<label class="text-danger">Lançamentos</label>
<table tablename="tableItens" class="table table-bordered table-striped" noaddbutton="true">
<thead class="thead-light">
<tr class="active">
<td></td>
<td></td>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center; vertical-align:middle">
<div class="col-sm-1" data-type="textbox" data-show-properties=""
data-field-name="checar" id="indexador">
<div class="form-input">
<div class="form-group"></div>
</div>
<input type="checkbox" class="marcar" value ="" id="marcar" name="marcar">
</div>
<td>
bom pessoal eu fiz alguma coisa errada usando o exemplo do @Danilo Leone, eu tentei novamente e fiz algumas adaptações, conform abaixo.
<script type="text/javascript">
function get_all_id() {
var checkbox = document.getElementsByClassName('marcar[]');
var cpbloq = document.getElementById('cpnumbloqueios').value;
var cps = document.querySelector('input[name="Numbloqueios"]');
var teste = [];
for (var i = 0; i < checkbox.length; i++) {
if (checkbox[i].checked == 1 && (cpbloq = 1) ) teste.push(checkbox[i].value);
}
cps.innerHTML = teste.join();
console.log(teste);
}
</script>
Mas o console.log
retorna vazio.