Javascript 复选框在重新加载页面之前未处于选中状态
我的应用程序有一个场馆和区域表,每个区域都有许多场馆。索引页面将所有场馆显示为部分场馆 索引页面还有一个表单,其中包含每个区域的复选框和提交按钮,允许用户根据选择的区域筛选显示的场馆。复选框使用jQueryUI按钮小部件来获得更好的外观 索引页面还有一个城镇的.png地图图像,显示所有不同的区域,每个区域都可以单击,并与过滤器表单中的区域复选框相对应。map.png是包含每个区域多边形形状的图像贴图的背景 我已经设法使用javascript将地图上的区域链接到区域复选框,以便用户可以选择表单中的复选框或地图上的区域来过滤结果Javascript 复选框在重新加载页面之前未处于选中状态,javascript,html,ruby-on-rails,jquery-ui,checkbox,Javascript,Html,Ruby On Rails,Jquery Ui,Checkbox,我的应用程序有一个场馆和区域表,每个区域都有许多场馆。索引页面将所有场馆显示为部分场馆 索引页面还有一个表单,其中包含每个区域的复选框和提交按钮,允许用户根据选择的区域筛选显示的场馆。复选框使用jQueryUI按钮小部件来获得更好的外观 索引页面还有一个城镇的.png地图图像,显示所有不同的区域,每个区域都可以单击,并与过滤器表单中的区域复选框相对应。map.png是包含每个区域多边形形状的图像贴图的背景 我已经设法使用javascript将地图上的区域链接到区域复选框,以便用户可以选择表单中的
$(function() {
$('area').click(function(){
var name = $(this).data("areanum");
var $checkbox = $('#' + name);
$checkbox.attr('checked', !$checkbox.attr('checked'));
});
});
地图上的区域有一个areanum值,该值与其对应复选框的id相匹配
但是,如果用户单击地图上的某个区域,则在提交表单并重新加载页面之前,相应的复选框看起来不会被选中
如何使地图上的某个区域被选中后,相应的复选框也显示为已选中
如果需要任何其他代码,请询问,我会发布,我不想用大量的代码来解决这个问题,因为我不太确定什么是重要的
在此方面的任何帮助都将不胜感激
。。。复选框使用jQueryUI按钮小部件来获得更好的外观
啊哈!以编程方式更改自定义jQuery UI复选框的复选框状态时,您需要显式告诉复选框刷新其显示状态:
$('area').click(function(){
var name = $(this).data("areanum");
var $checkbox = $('#' + name);
$checkbox.attr('checked', !$checkbox.attr('checked'));
$checkbox.button("refresh");
});
试试这个:
$("input[type=checkbox]").prop('checked', true).uniform();
如果你能发布一些你所拥有的东西,那么帮助会容易得多。谢谢你的快速回复!明天下班后我就要睡觉了,我得等着试试,但它看起来很有希望!接得好!这里还有一些字符,所以我满足了评论的最小字符限制。嗨,Muhsen,欢迎来到Stack Overflow。你能不能把你的回答再详细一点,解释一下它如何以及为什么能解决提问者的问题?在这个网站上,我们希望答案清晰易懂,因此代码需要一些解释,一些上下文-一些帮助读者知道它是否会帮助他们。