单击更改div背景颜色 - javascript

        

    

所以。我有2个输入(x,y),当按提交代码时,绘制div(例如:5x5)。我想在单击div时更改divs背景颜色。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Feladat10</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form method="post">
    <input type="text" name="x"/>
    <input type="text" name="y"/>
    <input type="submit" name="submit"/>
</body>
</html>

<?php
if(isset($_POST['submit']))
{
    $x = $_POST['x'];
    $y = $_POST['y'];
    echo "<br/>";
    for($i=1; $i <= $x; $i++)
    {
        echo "<br/><div class='tile'>".$i."</div>";
        for($j=1; $j < $y; $j++)
        {
            echo "<div class='tile'>".$j."</div>";
        }
    }
}
?>

我正在尝试使用以下代码:

<script>
    $(function () {
        $(".tile").click(function () {
            $(this).css('background-color', '#000000');
        });
    });
</script>

但是它不起作用。任何想法我该如何解决?

参考方案

只需将jquery.min.js文件添加到适当的位置即可。

<script>
    $(function () {
        $(".tile").click(function () {
           $(this).css("background-color","black");
         });
      });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class='tile'>one</div>
<div class='tile'>two</div>

在提交时在表单操作中获取变量丢失 - javascript

            当表单由onchange事件提交时,它不会保留get变量view。任何想法为什么会发生这种情况?提交后,这是它进入的网址,index?month=February&year=2014<form action="index?view=list" class="pure-form pure-fo…

选择后显示输入元素 - javascript

我有一个表格,其中取决于用户的选择,输入元素是否可见。实际上,用户正在以另一种形式设置已定义的合作伙伴类型,并且如果选中该元素,则允许在该类型的合作伙伴上可见的元素类型1将显示以下元素:<input type="text" id="partner" name="partner" class=&…

JavaScript将PHP中的字符串和整数传递给函数 - javascript

我正在尝试将字符串和整数都传递到同一函数中,但是引号引起了问题。我发现错误出在echo $q->info部分,我必须在此代码上使用双引号。有人可以帮我写这个$q->info,但不能获得真正的价值吗?到目前为止,我的代码是<td><a href="javascript:add(<?php echo $q->i…

Telerik单选按钮所需的字段验证器 - javascript

如何设置Telerik单选按钮所需的字段验证器?我想在按钮单击“ BtnSave”上设置必填字段验证器吗?请帮忙!<telerik:RadButton ID="radio_male" runat="server" ToggleType="Radio" AutoPostBack="fa…

表单不提交或按钮提交不起作用 - javascript

据我所知,此代码必须有效,但是我编码时却无效问题在于该表单未提交。我该如何解决?选中时,我什至没有得到复选框的值。<table id="example" class="display" cellspacing="0" width="100%"> <thead&g…