在MouseOver上选择RadioBox?

时间:2015-01-30 03:30:44

标签: jquery html

我正在尝试创建一种无线电放大器的形式,您可以通过鼠标悬停而无需任何点击来选择它们。我无法弄清楚如何做到这一点,我目前的代码不起作用。有什么想法吗?谢谢!

 <script>
    $(document).ready(function () {
            $('.my_checkboxes').mouseover(function () {
                $(this).find('boxclass').click();

            });
</script>

2 个答案:

答案 0 :(得分:1)

根据this answer中解释的逻辑,您必须使用以下内容:

$(document).ready(function () {
    $('.my_checkboxes').mouseover(function () {
        $(this).find('boxclass')[0].click();
    });
});

DOM Elements have a native .click() method。您需要访问元素而不是jQuery对象才能触发程序化点击事件。

答案 1 :(得分:0)

试试这个

$(document).ready(function() {
  $(".cb").mouseover(function(){
    $(this).prop("checked", "checked");
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="radio" class="cb" name="test">
<input type="radio" class="cb" name="test">