我有一个动态单选按钮列表作为我的应用程序的一部分,当用户做出选择时,我使用 jQuery 单击功能显示其他内容。除非单选按钮的动态列表只有一个选项,否则这一切都可以正常工作。只有一个选项时,默认情况下会选择单选按钮本身,但除非用户单击单选按钮,否则不会触发单击事件。
有没有一种方法可以在文档准备好时触发点击事件,以便在只有一个选项的情况下,用户不必进行多余的点击?
这是我正在使用的 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();
}
});
最佳答案
您可以通过检查 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
无处不在。
关于javascript - 触发单击单选按钮作为文档准备就绪的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36485902/