Question

编辑：感谢您的回复！我忘了提及如果它更像<input type="radio">并且只能选择一个主题会更好。这是我已经拥有的（虽然不多）。 只能检查一个输入时的功能不起作用。此外，还有缺少的功能，应该在已经检查过时取消选中单选按钮。

链接：JSFiddle。希望它现在有效。 **

我正在创建一个3步表单，它应该有一个主题选择器。这些主题显示为div。

单个div看起来像这样：

<div class="theme">Theme</div>

如何获取所点击的div的值？

网址参数？

<div class="theme"><a href="?theme=2">Theme</a></div>

或者是否可以通过某些表单输入？

<div class="theme"><input type="checkbox">???</div>

Answer 1

$('.theme').on('click', function () {
    var value = $(this).html(); // Here you go
    alert(value);
});

Answer 2

如果您想在div中获取主题中的文字：

<div class="theme">Theme</div>

然后：

$('.theme').click(function () {
     console.log($(this).text()); // will get you Theme
});

如果你想获得div中的所有内容：

<div class="theme">
<a href="?theme=2">Theme</a>
</div>

然后：

$('.theme').click(function () {
        console.log($(this).html()); // will give you  <a href="?theme=2">Theme</a>
    });

如果你想要链接标签之间的文字，那么：

$('.theme').click(function () {
        console.log($(this).find("a").text()); // will give you theme
    });

Answer 3

另一种解决方案是使用html数据属性。

HTML

<div class="theme" data-theme="2">Theme</div>

然后你可以使用jquery检索它：

$('.theme').on('click', function () {
  var value = $(this).data("theme");
alert(value);
});

的小提琴