Contoh HTML-nya:
<input type="checkbox" name="pilih[]" onclick="checkbox(this)" value="1">
<input type="text" name="saldo[]" class="form-control" id="saldo1" disabled="">
<input type="checkbox" name="pilih[]" onclick="checkbox(this)" value="2">
<input type="text" name="saldo[]" class="form-control" id="saldo2" disabled="">
JavaScript-nya:
<script type="text/javascript">
function checkbox(target) {
var x = parseInt(target.value);
if (target.checked) {//centang
$('#saldo' + x).prop('disabled', false);
} else {//tidak centang
$('#saldo' + x).prop('disabled', true);
}
}
</script>
Contoh HTML2:
<input type="checkbox" name="pilih_level5[]" class="pilih_akun">
JavaScript-nya:
<script type="text/javascript">
$(document).on("change", ".pilih_akun", function () {
$('.pilih_akun').each(function (index, value) {
if (this.checked) {
$('.saldo').eq(index).removeAttr("disabled");
} else {
$('.saldo').eq(index).attr("disabled", true);
}
});
});
</script>
Sekian, terimakasih atas kunjungannya.
Salam,
PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.