gpt4 book ai didi

javascript - CSS 和 HTML 用户界面问题

转载 作者:行者123 更新时间:2023-11-28 19:00:38 29 4
gpt4 key购买 nike

我正在学习 CSS 和 Jquery.. 所以现在这对我来说是一个学习曲线,因为我是这些方面的新手..根据下面的代码,当用户单击 li 标签时,复选框会被激活,并且颜色也会发生变化。当用户单击链接时,它会转到指定位置。但是我希望当用户也点击 li 的任何部分时,链接被定向到指定的位置。如果这可以使用 CSS 来完成,那就太好了……任何输入……??请帮忙。

<html>
<head>

<script type="text/javascript" src="http://editor.webyana.com/javascripts/client_scripts/potential/jquery.js"></script>
<script>
jQuery(function($) {

$("li.gc").click(function() {

$("li.gc").css({
'background-color': '#FFFFFF'
});

$(this).css({
'background-color': '#FDF7C2'
});
$("li.gc input[type=checkbox]").attr("checked", false);


$(this).find("input[type=checkbox]").attr("checked", true);

});
});
</script>
</head>
<body>
<ul>
<li class="gc ">

<div>
<input type="checkbox"/>
<a href="http://www.google.com">Link1</a>
</div>
</li>
<li class="gc">
<div>

<input type="checkbox"/>
<a href="http://www.google.com">Link2</a>
</div>
</li>
</ul>
</body>
</html>

最佳答案

在您的 .attr("checked", true); 行下,添加:

window.location = $(this).find('a')[0].href;

经过测试,我意识到你需要停止 .click() 如果它在复选框上,所以还要添加:

$("li.gc input").click(function(e) {
e.stopPropagation();
});

关于javascript - CSS 和 HTML 用户界面问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6004004/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com