javascript - 选择 radio 的可点击列表项

标签 javascript jquery

<分区>

我有这个 html... 当我点击 li 项时,我希望切换单选输入。我知道您可以将整个内容包装在一个标签中,但我无法更改 HTML(只能更改 JS 和 CSS)。

有什么想法吗?

    <li>
    <input type="radio" name="KETELWIZARD_TYPE_WONING" data-label="Appartement" value="Appartement | Appartement">Appartement                                                                
    <span class="image">
    <img src="https://acceptatie.foursites.nl/feenstra-ketelkiezer/wp-content/uploads/appartement.png" height="24" width="23" alt="">
    </span>    
    </li>

最佳答案

如果您只想点击 LI 上的任意位置来查看 radio ,则:

http://jsfiddle.net/TrueBlueAussie/zg6uLxg4/1/

$("li").click(function () {
    $(this).find(":radio").prop('checked', true);
});

如果你想让它切换(我想你可能会):

http://jsfiddle.net/TrueBlueAussie/zg6uLxg4/2/

$("li").click(function () {
    var $radio = $(this).find(":radio")
    $radio.prop('checked', !$radio.prop('checked'));
});

关于javascript - 选择 radio 的可点击列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26257447/

相关文章:

javascript - 使用 redux-form 异步加载数据不起作用

javascript - 函数适用于 div,但不适用于段落

javascript - 使用 Ajax 和 Jquery 加载内容

javascript - 将 HTML 代码放在 JointJS 链接上

javascript - 通用 Angular 组件 - 可选绑定(bind)

javascript - 类型 'allSettled' .ts(2339) 上不存在属性 'PromiseConstructor'

javascript - 淡出仅背景图像而不是文本

javascript - 关闭功能无法正常工作

jquery - 像 jquery 一样的 firebug 实现

javascript - 如何让一组js函数后台运行