所以。我有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…