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

How to create pop up on selecting the checkbox in HTML

本文关键字：创建 窗口 复选框 选择 HTML      更新时间：2023-09-26

我有一张表。在表中，我有行，每行都有一列：复选框。

如下

<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：最后我想突出显示所选的行。

您可以使用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" />

请检查以下链接

http://jqueryui.com/dialog/#modal-形成

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

<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

您可以使用jquery

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

我希望这将有助于解决你的问题。

相关文章：