Question

我有一个动态单选按钮列表作为我的应用程序的一部分，在用户进行选择后，我使用jQuery单击功能显示其他内容。除非单选按钮的动态列表只有一个选项，否则一切正常。只有一个选项，默认选择单选按钮本身，但点击事件不会触发，除非用户单击单选按钮。

有没有办法在文档就绪时触发click事件，这样，如果只有一个选项，用户不必进行冗余点击？

这是我使用的jQuery代码，只要用户做出选择，它就能正常工作。

谢谢！

    jQuery('input[name="location"]').click(function(){
        var data = {location : jQuery(this).val()};
        jQuery.ajax({
            url: "/custom.php",
            type:'POST',
            data: data,
            dataType: 'html',
            success: function(result){
                jQuery('#div-custom').html(result).show();   
            }
        });

Answer 1

您可以通过查看length属性来检查选择器匹配的单选按钮数量。如果是一个，您可以手动触发该按钮的点击，如下所示：

jQuery(function($) {
    var $locations = $('input[name="location"]').click(function(){
        $.ajax({
            url: "/custom.php",
            type:'POST',
            data: { location : $(this).val() },
            dataType: 'html',
            success: function(result) {
                $('#div-custom').html(result).show();   
            }
        }); 
    });

    if ($locations.length == 1)
        $locations.click();
});

另请注意，document.ready处理程序的第一个参数是对jQuery的引用，因此您可以将该变量设置为普通$，以避免在任何地方使用详细jQuery。 / p>

触发器单击单选按钮作为文档就绪

1 个答案: