Динамический JavaScript, чтобы определить, установлены ли флажки, и отключить соответствующие поля ввода.

Question

Динамический JavaScript, чтобы определить, установлены ли флажки, и отключить соответствующие поля ввода.

0

При динамическом загрузке набора полей ввода с предложением PHP For я хочу иметь флажок для каждой из строк, поэтому, если пользователь проверит его, все поля ввода для этой конкретной строки будут отключены.

Мне нужно динамически адаптировать javascript, чтобы он отключил каждую конкретную строку каждый раз, когда щелкнул соответствующий флажок, но я действительно не знаю, как ее достичь.

Вот мой код:

 <?php 
for ($i=0;$i<5;$i++)
     {
   ?>
   <tr>
   <td><input id="includeItem<?=$i?>" type="checkbox" onchange="includeMore" name="item<?=$i?>"></td>
   <td><input name="id<?=$i?> style="color:#888;" disabled="disabled"></td>
   <td><input id="formItems<?=$i?>" class="datepicker" name="date<?=$i?>"></td>
   <td><input id="formItems<?=$i?>" name="description<?=$i?>"></td>
   <td><input id="formItems<?=$i?>" name="amount<?=$i?>"></td>
   </tr>
<?php } ?>

Тогда мой javascript выглядит следующим образом:

<script>
    function includeMore()  {
        var $check = $('#includeItem');
            if($('#includeItem').is(':checked')) 
                {
                $('#formItems').attr.('disabled','');
                }
            else {
                $('#formItems').attr.('disabled','disabled');
                }
        }

</script>

samyb8 24 окт. 2013, в 18:54

Источник

0

Используйте this указатель
Johan 24 окт. 2013, в 16:30
0

Не могли бы вы уточнить?
samyb8 24 окт. 2013, в 16:40
0

Вы хотите отключить флажок выбранной строки при нажатии, правильно?
Johan 24 окт. 2013, в 16:41
0

@ samyb8 был ли мой ответ полезным?
JCM 10 дек. 2013, в 03:09

Показать ещё 2 комментария

Теги:

php

javascript

jquery

input

checkbox

1 ответ

Ещё вопросы

Вы хотите отключить флажок выбранной строки при нажатии, правильно?

JCM · Accepted Answer · 2013-10-24T15-24-00.000Z

Сначала вам нужно добавить слушателя изменений событий

var $checkboxes = $( '.class-for-the-input' );

$checkboxes.on( 'change', function ( evt ) {
    //... code
});

Внутри обработчика функции вам нужно получить родительскую строку, найти все входные элементы, которые не равны установленному флажку, и отключить его в зависимости от состояния флажка:

var $this = $( this ), isChecked = this.checked,
    $els = $this.parents( 'tr' ).find( ':input' ).not( $this );

if ( isChecked ) {
    $els.prop( 'disabled', 'disabled' );
} else {
    $els.removeProp( 'disabled' );
}