我在标签里面有一个单选按钮，所以一旦用户点击它就会发布一个请求。。所以我想在标签周围添加一个边框，但是当我把单选按钮移到标签外面时，点击就不起作用了
$(document).on('click', '[name^=\'option\']', function() {
console.log("clicked");
});
click函数可以很好地处理下面的HTML
<label class="radio">
<input type="radio" class="radio" style="display:none;" name="option[333223]" value="2485">
<img class="less-border" src="a3-100x100.png" alt="A4 21 x 29,7 cm">
</label>
这行不通
<input type="radio" class="radio" style="display:none;" name="option[333223]" value="2485">
<label class="radio">
<img class="less-border" src="a3-100x100.png"
</label>
如果选中，我要确保边框添加到标签中
input[type="radio"]:checked + label {
border: red 1px solid;
}
有人能告诉我是什么导致了这个问题吗？
单选按钮中缺少id，标签中缺少属性，正常工作时两者都是一样的
<input type="radio" class="radio" style="display:none;" id="test" name="option[333223]" value="2485">
<label class="radio" for="test">
<img class="less-border" src="a3-100x100.png">
</label>
