Как создать всплывающее окно при выборе флажка в HTML

Question

У меня есть таблица. Внутри таблицы у меня есть строки, каждая из которых имеет столбец: флажок.

следующего

<table> 
<tr class="row"> 
<td class ="checkclass" ><input type="checkbox"></td> 
<td></td> 
<td></td> 
</tr> 
<tr class="row"> 
<td class ="checkclass" ><input type="checkbox"></td> 
<td></td> 
<td></td> 
</tr> 
</table> 

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

Обратите внимание: я не могу редактировать html-код. Однако я могу только вносить некоторые изменения в javascript.

PS: Наконец, я хочу выделить выделенную строку.

Answer 1

также можно использовать библиотеку Jquery и воспользоваться функциональностью

$('.target').change(function() { 
    alert('Handler for .change() called.'); 
}); 

ссылка .Кнопкой(): http://api.jquery.com/change/

О том, как использовать JQuery другого вопрос

Теперь яваскрипт его больший хак:

function checkAddress(checkbox) 
{ 
    if (checkbox.checked) 
    { 
     alert("a"); 
    } 
} 

Чтобы добавить по щелчку на HTML с Javascript

document.getElementById("ElementID").setAttribute("onchange", function() {checkAddress(this)); 

HTML

<input type="checkbox" name="checkAddress" /> 

Answer 2

пожалуйста, проверьте следующие ссылки

http://jqueryui.com/dialog/#modal-form

http://www.mywebdeveloperblog.com/my-jquery-plugins/modalpoplite

Answer 3

<td class ="checkclass" ><input type="checkbox" onchange='checkBoxClicked();'></td> 


    function checkBoxClicked()() { 
    alert("Hi"); 
    } 

for more info you can use [javascript pop-up][1] but i will suggest to go with jQuery or modal 


    [1]: http://www.echoecho.com/jsbasics.htm 

Answer 4

вы можете сделать с JQuery

$('.checkclass input').change(function() { 
    // code here 
}); 

Я надеюсь, что это поможет решить вашу проблему.