onclick有两个功能.只有第一个函数有效
onclick with 2 functions. only first function works
这个javascript工作起来没有问题。隐藏和显示表中的列。
<input id="toggle" type="button" value="Toggle Search"/>
$(function () {
$('#toggle').click(function () {
$('#searchtd').toggle();
});
});
但是,我也希望能够更改切换按钮上的标题。
<input id="toggle" type="button" value="Hide Search"/>
$(function () {
$('#toggle').click(function () {
$('#searchtd').toggle()
(this).text(function (i, v) {
return v === 'Hide Search' ? "Show Search" : 'Hide Search';
})
});
});
在这种情况下,表中的列将隐藏并显示,但标题不会更改。。。
要更改按钮的值,请使用.val()
,而不是.text()
:
$(function () {
$('#toggle').click(function () {
$('#searchtd').toggle();
$(this).val(function (i, v) {
return v === 'Hide Search' ? "Show Search" : 'Hide Search';
})
});
});
演示
$(function() {
$('#toggle').click(function() {
var $currentBtn = $(this);
$('#searchtd').toggle();
var newText = $currentBtn.attr('value') === 'Hide Search' ? "Show Search" : 'Hide Search';
$currentBtn.attr('value', newText)
});
});
相关文章:
- 只有第一个按钮在带有 Jquery 的 forEach 标签中有效
- PrimeFaces p:file上传多个文件自动完成仅在第一个文件后有效
- JQuery if else跳过第一个有效条件之后的所有内容
- 为什么 AJAX 对第一个函数的响应“_blank”有效,但对第二个函数无效
- ng-change 检测 ng 模型在选择框中为空或无效,然后选择第一个有效选项
- 为什么我的第一个截图有效,而我的第二个截图不起作用
- Javascript/Jquery:在嵌套数组中查找具有键值对的第一个和最后一个数组的索引的最有效方法
- onclick有两个功能.只有第一个函数有效
- 为什么第一个有效,第二个无效?全局和私有变量声明
- 有人能解释一下这两个代码之间的区别吗?为什么第二个有效,而第一个无效;t
- 仅第一个复选框有效 - 其他检查仅在选中第一个复选框时才有效
- 更有效的方法来删除第一个和最后一个对象
- 检查字符串的第一个字符是否为数字会给出一个错误,即charat不是一个有效的方法
- 新建Firebase失败:第一个参数必须是有效的Firebase URL,且路径不能包含"."、&q
- JavaScript表单验证:为什么第一个有效,而第二个无效't
- Firebase 3-fetchProviderForEmail失败:第一个参数“”;电子邮件”;必须是有效的字符串
- 为什么设置jQuery disabled属性只对第一个单选输入有效?
- (美元).attr(“name");只对第一个元素有效
- 在 JQuery 中让祖父母的第一个孩子最优雅、最可靠、最有效的方法是什么?
- 在我的例子中,获取第一个更新值的有效方法是什么?