Tag: 按钮

如何在上传时禁用页面上的所有按钮?

我在客户端使用json + jquery。 我想在上传文件时禁用页面上的所有按钮。 目前我只使用其ID来禁用上传按钮,如下所示。 $(“#upload_attachment_button”).addClass(‘ui-state-disabled’); 我想知道是否有办法禁用页面上的其他按钮。 我已经完成了一个我想要被所有系统使用的function,而且每次我想调用这个函数时我都不想发送按钮id。 谢谢。

jquery切换按钮两个图像?

要切换隐藏/显示,我使用此代码; togglebtn.click(function() { var that = this; $(‘.togglecontainer’).toggle(500, function(){ var txt = $(that).html(); $(that).html((txt == ‘Show less’) ? ‘Show more’ : ‘Show less’); }); }); togglebtn.trigger(“click”); 但它在一个按钮内切换文本。 我想要两个按钮,两个不同的img src让我们说images / show.png和images / hide.png 提前致谢

使用jQuery隐藏按钮

有人可以告诉我如何在使用jQuery按下它后隐藏此按钮? 或者这一个:

按钮上的jQuery事件冒泡在Firefox中没有按预期工作

我有一个元素,其中有2个元素。 我为每个span元素都有2个附加的jquery click事件处理程序,所以我可以为每次点击做任何我喜欢的事情。 以下是基本代码的快速浏览: HTML Text1 Text2 使用Javascript $(function() { $(‘button’).bind(‘click’, function() { console.log(‘button clicked’); }); $(‘button > span:eq(0)’).bind(‘click’, function() { console.log(‘text1 span clicked’); }); $(‘button > span:eq(1)’).bind(‘click’, function() { console.log(‘text2 span clicked’); }); }); 这一切在Chrome中运行良好,点击事件以正确的顺序捕获:首先在任何span元素上,然后事件冒泡到父按钮元素。 问题是在Firefox中,click事件不会触发任何span元素,只是按钮事件处理程序将事件记录为触发。 这是一个小提琴,所以你可以看到我的意思: http : //jsfiddle.net/spider/RGL7a/2/ 谢谢

用jQuery更改按钮的function?

这可能是一个愚蠢的问题,但我无法做到这一点。 我可以使用普通的JavaScript更改按钮的function,但不能使用jQuery。 我的目标是一个非常简单的文本resize按钮。 这个按钮需要两个不同的function; 一个使文本变大并将click函数更改为另一个函数,另一个函数使文本变小并再次将click函数更改为第一个函数。 由于相同的按钮将用于放大和缩小文本sixe,我需要这个工作。 我正在研究一个学校项目,我们只需要使用jQuery / jQuery UI来完成这项任务。 使用普通的JavaScript,它将是这样的: var button = document.getElementById(‘click-button’); button.onclick = firstClick; function firstClick (){ button.onclick=secondClick; } function secondClick(){ button.onclick=firstClick; } 如何使用jQuery实现相同的function?

如果选择单选按钮显示Div – 8个单选按钮/ 8个分区 – 这可以简化吗?

基本上,我想要8个单选按钮。 如果选择了一个单选按钮,则下面显示一个div。 如果选择另一个按钮,则显示另一个div。 一次只显示一个div,如果没有选择按钮(最初),则不显示div。 这是我的HTML,这是相当标准的,我不是想根据我的需要改进它。 sim-micro sim-mini sim-maxi sim-mega phone-smart-micro phone-smart-mini phone-smart phone-smart-maxi 然而,这是我的剧本,它似乎相当忙乱,我想知道我继续前进是否有办法做到这一点更简单? $(document).ready(function(){ $(‘.sim-micro-desktop’).hide(); $(‘.sim-mini-desktop’).hide(); $(‘.sim-maxi-desktop’).hide(); $(‘.sim-mega-desktop’).hide(); $(‘.phone-smart-micro-desktop’).hide(); $(‘.phone-smart-mini-desktop’).hide(); $(‘.phone-smart-desktop’).hide(); $(‘.phone-smart-maxi-desktop’).hide(); $(‘form#group’).click(function(){ if($(‘.sim-micro-btn’).is(“:checked”)){ $(‘.sim-micro-desktop’).show(); } else { $(‘.sim-micro-desktop’).hide(); } if($(‘.sim-mini-btn’).is(“:checked”)){ $(‘.sim-mini-desktop’).show(); } else { $(‘.sim-mini-desktop’).hide(); } if($(‘.sim-maxi-btn’).is(“:checked”)){ $(‘.sim-maxi-desktop’).show(); } else { $(‘.sim-maxi-desktop’).hide(); } if($(‘.sim-mega-btn’).is(“:checked”)){ $(‘.sim-mega-desktop’).show(); } else { $(‘.sim-mega-desktop’).hide(); } if($(‘.phone-smart-micro-btn’).is(“:checked”)){ $(‘.phone-smart-micro-desktop’).show(); } […]

单击jquery切换时更改按钮文本(显示/隐藏/显示)

我正在研究这个小提琴: http : //jsfiddle.net/cED6c/7/我想点击按钮文本更改,我尝试使用以下代码: 但是,它不起作用。 我该如何实现呢? 任何帮助都会很棒。

使用jquery将提交按钮更改为加载图像

在最近的很多网站上,我看到按钮在按下后会被加载/思考图像替换,以防止双击并确保用户知道在页面闪烁之前发生了什么。 在这种情况下,实际上没有发生任何异步 – 只是一个常规表单提交。 知道如何做到这一点的任何好教程?

删除jQuery UI对话框小部件上的关闭按钮的最佳方法是什么?

删除jQuery UI对话框上的关闭按钮的最佳方法是什么? 我不希望人们能够关闭对话框。 我通过处理代码角度覆盖它: closeOnEscape: false, beforeclose: function (event, ui) { return false; } 我试图不需要编写脚本来抓取关闭按钮的类/ id然后手动隐藏它。 而且我不想手动更改CSS,因为对话框可能有需要关闭按钮的情况。 我更喜欢以某种方式对话框配置,但要么我无法弄清楚如何做,或者对话框根本不允许它。 有关如何配置对话框的任何建议?

提交后仅禁用提交按钮

我有以下HTML和jquery: Test disabling submit button for 1 minute… $(document).ready(function () { $(“.submitBtn”).click(function () { $(“.submitBtn”).attr(“disabled”, true); return true; }); }); 按下时,提交按钮会在按下时被禁用。 但是一旦按下它似乎没有执行提交。 如果我删除了jquery以禁用该按钮,则该按钮会正常执行提交。 如何在执行提交后才禁用该按钮? 上面的当前jquery似乎与提交操作冲突。 任何解决此问题的建议都会非常有帮助。