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库并利用.change（）功能

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

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

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

现在javascript更大的黑客攻击：

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

请查看以下链接

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
});

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

如何在选择HTML中的复选框时创建弹出窗口

4 个答案: