Tag: 检查

修改jQuery javascript以触发:选中而不是:hover – image swap

当用户将鼠标hover在图像上时,我有一个很棒的jQuery交换图像。 看看下面的代码来看看它。 它使用mouseenter和mouseleave 。 我想修改它,以便在:checked特定输入/标签时触发图像交换。 你可以在这里看到我的演示页面: http://sofzh.miximages.com/javascript/标签。 选中一个图像后,一组图像将从黑白交换为其颜色版本。 我为每个图像都有两个文件(image_s.jpg和image_o.jpg)。 我使用:checked伪类进行一些过滤。 检查输入时,某些图像保持完全opacity而其他图像则降低到opacity:0.1 在将输入检查为颜色后,我只想要保持完全不透明度的图像。 所以基本上我想在javascript中说:每当输入是:checked在#container swap _s.jpg中用_o.jpg 。 任何帮助都会很棒。 更新1: 澄清:演示中没有发生图像交换。 检查输入时,仅更改opacity 。 除了不透明度的变化,我想要一个图像交换。 默认情况下,所有图像都是黑白图像,当选择输入时,所选图像将从黑白变为彩色(通过图像交换)。 更新2:简单地说,我希望所有图像都是黑白的,直到用户点击其中一个过滤标签(打印,网页,字体等)。当点击标签时,未过滤图像的不透明度会降低,保持完全不透明度的滤镜图像会换成彩色图像。 更新3:我似乎无法得到以下答案为我工作。 如果它完成了工作,我愿意放弃输入/:checked /伪类过滤技术。 此外,我工作测试会帮助我很多(JSfiddle)。 这是图像交换javascript: $(‘.imgover’).each(function() { var std = $(this).attr(“src”); var hover = std.replace(“_s”, “_o”); $(this).clone().insertAfter(this).attr(‘src’, hover).removeClass(‘imgover’).siblings().css({ position:’absolute’ }); $(this).mouseenter(function() { $(this).stop().fadeTo(200, 0); }).mouseleave(function() { $(this).stop().fadeTo(200, 1); }); });

如何检查收音机也选择组中的其他字段?

我有一个很长的forms与字段组。 当选择一个无线电场时,我还需要它在同一个div中选择几个“隐藏”字段并在提交时传递这些值。 如果选择了另一个无线电,则需要清除这些隐藏的字段,而选择其他组。 示例1 – 选择Radio 1,选择相同div / fieldset中的所有隐藏字段: A组: 收音机1(已选中) 隐藏场1a(已选中) 隐藏字段1b(已选中) 隐藏场1c(已选中) B组: 电台2 隐藏场2a 隐藏的场2b 隐藏的场2c 示例2 – 选择无线电2,其选择相同div / fieldset中的所有隐藏字段,取消选择所有无线电1字段: A组: 电台1 隐藏的领域1a 隐藏的领域1b 隐藏的领域1c B组: 收音机2(已选中) 隐藏场2a(已选中) 隐藏字段2b(已选中) 隐藏场2c(已选中) 视觉示例: 示例HTML: Item 1 Item 1, Options Set A Label Item 1, Options Set B Label Item 2 Item 2, Options […]

jQuery和IE:检查隐藏的输入“checked”-attribute不起作用

我一直试图检查我的输入[type = hidden]是否有checked =“checked”属性。 该输入字段如下所示: 在Firefox中,通过使用它可以正常工作: jQuery(selector).find(‘input[name=1_WILLINFOS]’).attr(‘checked’) == “checked” 但IE10总是给我一个假的。 到现在为止我尝试使用以下内容: .attr(“checked”) == “checked” .attr(“checked”) == true .is(‘:checked’) 所有这些都给了我一个假的。 有任何想法吗? 谢谢

用JQuery检查第一个单选按钮

我想查看每组的第一个单选按钮。 但是有一些单选按钮被禁用,因此脚本应该忽略它们并转到下一个非禁用按钮。 我写了这样的东西,但它不起作用: $(文件)。就绪(函数(){ if($(“input [‘radio’])。is(’:disabled’)) { $(this).attr(’checked’,false); } 其他 { $(this).attr(’checked’,true); } }); 非常感谢

单选按钮检查事件处理

在我的应用程序中,我需要一个无线电组,每当检查一个单选按钮时,就会发出警报,以便我可以使用jQuery将它的值发布到ajaxpost。 你能帮我一下,请问我怎样才能在jQuery中做到这一点?

即使在回发后也要检查用户是否检查过radiobtn

我有以下radiocontrols默认选中“全部”。 如果用户检查其他一些单选按钮并提交,在回发时我想保留选中的按钮,这样用户就可以看到他们点击了什么。如何保留使用jquery选择的内容? 我使用的是: $(document).ready(function() { var url = ‘http://mysite.com/events/Pages/default1.aspx?kwd=’; $(“.SearchBoxAndChoices a.searchButton”).click(function() { var radioVal = $(“input[name=’EventType’]:checked”).val(); var keywords = encodeURIComponent($(“.BasicSearchInputBox”).val()); url =url+keywords+”&type=”+radioVal; window.location.href=url; }); }); All   Class   Event   Support Group   Search

根据无线电输入值将类添加到目标(切换,如function)

总结回答 如果你遇到类似的东西,这是一个简单的答案: 在我的代码中,我获得了:checked无线电输入的.val()值,它获取了已检查的所有无线电的值,这导致了不需要的类。 利用.click回调,我们可以获得单击项目的特定输入值的.val()值,在我的情况下,这是一个无线电标签。 这是我遇到的问题的另一个很好的解决方案.. 添加类并根据检查的无线电删除类? 和jsbin到这个解决方案http://jsbin.com/ugufi/27/ 希望这可以帮助其他可能有相同问题的人…非常简单的答案..感谢大家! 问题 这是我的代码 http://jsbin.com/ugufi/11/ 我正在努力的是找到一个解决方案,在将类添加到目标后删除它。 我有一个单选按钮列表,我得到了:已检查的无线电输入的值,并将该值放在一个类中。 当检查新的无线电时它继续添加到前面的课程 我需要什么(我知道这很简单,但我不知道该用什么)。 然后当我检查一个新的无线电输入 PS。 我看了这个问题并找到了很多答案,但他们都使用某种.siblings()或.parent()回调,它们是很好的解决方案,但输入和目标在我的代码中远离彼此。

测试元素是否更好的哪种方法? .is(’:checked’)或.prop(’checked’)

.prop(‘checked’) .is(‘:checked’)和.prop(‘checked’)都可用于测试是否选中了复选框。 查询检查状态的两种方式之间是否存在任何有趣/重要的差异,还是仅仅是个人偏好的问题?

JS .checked vs jquery attr(’checked’),有什么区别?

我无法想象这一个。 根据W3 Schools , checked属性设置或返回复选框的选中状态。 那么为什么$(‘input’).checked ? $(‘div’).slideDown() : $(‘div’).slideUp(); $(‘input’).checked ? $(‘div’).slideDown() : $(‘div’).slideUp(); 不行? 然而,使用道具确实有效。 $(‘input’).prop(‘checked’) ? $(‘div’).slideDown() : $(‘div’).slideUp(); 这是针对基于数据库值检查的复选框。