Html 是否使用LI选择收音机输入？

我使用一个付款按钮生成器来选择特定的项目，创建一个预先制作的单选价格列表。选择所需金额/项目后，单击“继续”，它将触发模式付款框（然后转到PayPal）。所有这些都很有效。问题是pre-Make选项没有地方添加描述、段落或任何其他html。因此，我使用基本html和内容在上面添加了一个项目列表，现在我正试图在单击时触发相应的无线电选择器

我的无序项目列表包装在一个基本div中，每个项目都有一个自定义ID

<div id="items-container">
  <ul>
    <li id="item1"><div>my content</div></li>
    <li id="item2"><div>my content</div></li>
  </ul>
</div>

我的内容
我的内容

在这段代码的正下方是我正在使用的支付模块中预生成的表单。它会为以下价格生成一个复选框选择：

<form method="post" action="#">
  <ul id="prices-wrap-radio-list">
    <li>
    <input type="radio" value="10.00" id="level-1" name="price-level" data-price-id="1">
    <label for="level-1">Level 1</label>
  </li>
  <li>
    <input type="radio" value="20.00" id="level-2" name="price-level" data-price-id="2">
    <label for="level-2">Level 2</label>
  </li>
  </ul>
</form> 

一级


二级

（等等）。 有没有办法强制表单选择与上面列表中的项目对应的级别？我可以用一个链接标记来包装我的LI标记，该链接标记可以触发该特定项目/级别的复选框吗？或者我需要一些jQuery来实现这一点

谢谢

如果允许JQuery：

$('li').click(function() {
$(':radio[data-price-id="'+$(this).data('level')+'"]').prop('checked', true);
});

只需为列表项提供适当的属性：

<li id="item1" data-level="1"><div>my content</div></li>
<li id="item2" data-level="2"><div>my content</div></li>

---

您将需要javascript来实现这一点。。。如果我理解正确-如果用户单击列表项->应该选中相应的单选按钮？或者反之亦然？：）我不清楚你到底想完成什么。是否要选中特定复选框？请解释清楚一点。@nevermind-准确一点。嗯。好。@Gacci-和nevermind说的差不多：用户点击列表项，相应的单选按钮被选中/激活。实际上，工作：只需设置数据属性…：）你的也不错。：）这只是简单一点（只需对HTML进行一些小的更改）。谢谢。让我试着实现.Np，只需将代码封装在：中并包含JQuery（如果不包含的话）。顺便说一句，@slider-如果将attr（）更改为prop（）-，您的解决方案就会起作用？可能与此有关：看起来很有效！现在，如果我能让我的插件停止从我的LI中剥离数据级代码，那就太好了。谢谢你的帮助！

$('li').click(function() {
    index=$(this).index();
$(':radio').eq(index).prop('checked', true);
});