Получить соответствующее значение, которое проверяется блоком chk в таблице HTML.

Question

Как я сгенерировал таблицу HTML (таблица Asp.net) Новое, мне нужно значение Cell One, когда этот соответствующий checkBox является check ..

предположим, что второй флажок - щелчок, мне нужно значение второй строки Например. если месяц 2 клик, мне нужно значение 553,5000

ИСПОЛЬЗОВАНИЕ JAVA SCRIP.

Так же как и все то же ..

общая сумма чека ..

<table border="2" id="ctl00_ctl00_B_A_ucStudentRegistration1_TblTotalPay">
                            <tbody><tr>
                                <td class="caption">Total Amount</td><td class="caption">Paid Fees</td>
                            </tr><tr style="border-width: 3px; border-style: solid;">
                                <td>5889.2400</td><td><span disabled="disabled"><input type="checkbox" onclick="javascript:toggleCheckBoxes(this);" disabled="disabled" checked="checked" name="ctl00$ctl00$B$A$ucStudentRegistration1$chkMonth1" id="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth1"><label for="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth1">Month1</label></span></td>
                            </tr><tr>
                                <td>553.5000</td><td><input type="checkbox" onclick="javascript:toggleCheckBoxes(this);" name="ctl00$ctl00$B$A$ucStudentRegistration1$chkMonth2" id="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth2"><label for="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth2">Month2</label></td>
                            </tr><tr>
                                <td>885.6000</td><td><input type="checkbox" onclick="javascript:toggleCheckBoxes(this);" name="ctl00$ctl00$B$A$ucStudentRegistration1$chkMonth3" id="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth3"><label for="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth3">Month3</label></td>
                            </tr><tr>
                                <td>553.5000</td><td><input type="checkbox" onclick="javascript:toggleCheckBoxes(this);" name="ctl00$ctl00$B$A$ucStudentRegistration1$chkMonth4" id="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth4"><label for="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth4">Month4</label></td>
                            </tr><tr>
                                <td>553.5000</td><td><input type="checkbox" onclick="javascript:toggleCheckBoxes(this);" name="ctl00$ctl00$B$A$ucStudentRegistration1$chkMonth5" id="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth5"><label for="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth5">Month5</label></td>
                            </tr><tr>
                                <td>553.5000</td><td><input type="checkbox" onclick="javascript:toggleCheckBoxes(this);" name="ctl00$ctl00$B$A$ucStudentRegistration1$chkMonth6" id="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth6"><label for="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth6">Month6</label></td>
                            </tr><tr>
                                <td>553.5000</td><td><input type="checkbox" onclick="javascript:toggleCheckBoxes(this);" name="ctl00$ctl00$B$A$ucStudentRegistration1$chkMonth7" id="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth7"><label for="ctl00_ctl00_B_A_ucStudentRegistration1_chkMonth7">Month7</label></td>
                            </tr>
                        </tbody></table>

Answer 1

Ваш вопрос не раскрывает, что вы действительно ищете, и не предоставляет дружественный для разработчика пример , но давайте все равно попробуем, ладно?

Ознакомьтесь с Рабочая демонстрация (откройте консоль).

Вот JS для вашего удобства

$('.TotalPay input[type=checkbox]').change(function(){
    var amount = $(this).parent().siblings().text();
    console.log(amount);
});

Используя JavaScript, мы можем привязывать обработчики событий к элементам DOM вне разметки, что делает HTML чистым и семантическим. Атрибуты onXXXXX могут работать, но вы действительно должны прочитать о Ненавязчивом JS .

В моем примере я выбрал jQuery, который значительно упрощает утомительные задачи, такие как обход DOM. Вот что делает этот фрагмент:

1. Установите соответствующие флажки с помощью селектора CSS,
2. прикрепить анонимный обработчик к их событию 'change'.
3. , перейдите к флажку «дядя» и сохраните его текст в переменной amount

p.s. Пожалуйста, используйте семантические имена классов для ваших элементов. .net портит ваши идентификаторы, поэтому IMO просто больше полагается на классы. Кроме того, "jQuery великолепен, сначала изучите JavaScript" ™.