Question

我想知道是否可以禁用图像按钮？当用户添加了他们需要的问题数量时：

if (qnum == <?php echo (int)$_SESSION['textQuestion']; ?>)

然后我想禁用图像按钮，但是怎么做呢？

以下是我所看到的，但它不起作用：

    //HTML

    <a onclick="return plusbutton();">
    <img src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage" name="plusbuttonrow"/>
    </a>

    ...

    //jquery


    if (qnum == <?php echo (int)$_SESSION['textQuestion']; ?>) {
    $(".plusimage").attr("disabled", "disabled");

}

Answer 1

使用防止默认

$("a").click(function(e) {
     e.preventDefault();
});

你应该正确使用id作为图像，因为这会禁用所有元素onclick。 <或者

$(".plusimage").parent().click(function(e) {
     e.preventDefault();
     //then you can also change the image to a disabled version inhere :)
});

编辑：你刚刚改变了你的问题，从那个角度来看，好奇，因为你在页面加载时用php生成输出，你怎么想用jquery禁用它？为什么不在禁用图像的情况下从服务器输出？

Answer 2

您可以在'a'上设置prevetDefault，但是图片没有'禁用'属性。

$('a').click(function(event){
   $(this).preventDefault();
});

Answer 3

不要使用JQuery！使用只是PHP （你有禁用按钮的图像吗？Images / plussignDISABLED.jpg ??）

编辑我刚刚将qnum更改为php变量$ numberOfQuestions。我想这个变量将保留用户已经完成的问题的数量（与我猜想的javascript qnum相同......）

<?php 
if ($numberOfQuestions == $_SESSION['textQuestion']) {
?>
    <img src="Images/plussignDISABLED.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage" name="plusbuttonrow"/>


<?php 

}else {

?>

<a onclick="return plusbutton();">
    <img src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage" name="plusbuttonrow"/>
    </a>

<?php } ?>

如何禁用按钮图像？

3 个答案: