javascript - How to create pop up on selecting the checkbox in HTML

Question

I have a table. Inside table i have rows, each with a column : checkbox.

as following

<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>

I want whenever i select the checkbox, a pop up is created.

Please note : i can not edit the html code.. However i can only do some changes in javascript.

PS : At last i want to highlight the selected row.

Answer 1

好吧，您可以使用 Jquery 库并利用 .change() 功能

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

参考：http ://api.jquery.com/change/

关于如何使用 JQuery 是一个不同的问题

现在对于 javascript，它是一个更大的 hack：

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

使用 Javascript 添加对 HTML 的点击

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

HTML

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

Answer 2

你可以用jquery做

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

我希望它有助于解决您的问题。

Answer 3

请检查以下链接

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

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

Answer 4

<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