根据按钮的值对按钮使用不同的方法
Using different methods on a button based on its value
我有一系列从数据库创建的按钮,它们根据数据库中的值设置为活动或禁用。
我正在尝试创建一个脚本,该脚本可以查看按钮具有的值并将其更改为其他状态。
我的按钮
<input type='button'
name='activebutton'
id='actbutton11'
value='Active'
class='activebutton'
/>
我的脚本目前看起来像这样,目前无法区分活动和禁用的按钮。
我也可以让它更改按钮值,但如果再次调用该方法,它不会更改 C 的值。
我希望用户能够在按钮更改状态后调用新的适当方法。
$(document).ready(function(){
$(".activebutton").click(function(){
var c = $(this).val();
// alert(c)
if(c = "Active")
{
var answer = confirm("Disable button?")
if (answer)
{
var $inputElement = $(this),
$("activebutton").val("Disabled");
}
}
else
{
var answer = confirm("Activate button?")
var $inputElement = $(this),
{
$("activebutton").val("Active");
}
}
});
});
你可以这样做:
$(document).ready(function () {
$(".activebutton").click(function () {
var $inputElement = $(this),
c = $(this).val();
if (c === "Active") {
var answer = confirm("Disable button?");
if (answer) $inputElement.val("Disabled");
} else {
var answer = confirm("Activate button?");
if (answer) $inputElement.val("Active");
}
});
});
小提琴演示
这是工作代码,
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script>
$(document).ready(function () {
$(".activebutton").click(function(){
var answer;
var c = $(this).val();
if(c == "Active")
{
answer = confirm("Disable button?")
if (answer) {
$(".activebutton").val("Disabled");
}
} else if (c == "Disabled"){
answer = confirm("Activate button?");
if (answer) {
$(".activebutton").val("Active");
}
}
});
});
</script>
</head>
<body>
<input type='button'
name='activebutton'
id='actbutton11'
value='Active'
class='activebutton'
/>
</body>
</html>
相关文章:
- JQuery示例不起作用-“;对象没有't支持属性或方法'按钮'&”;
- 有没有一种方法可以检测ios<>使用jquery和触发器操作形成导航按钮
- 点击一个按钮,有没有一种方法可以检查Div内部的图像
- Ajax.BeginForm标识在OnComplete方法中单击的按钮
- 为什么我的按钮的 onClick() 方法没有用
- HTML5画布创建“清除画布”按钮的正确方法
- 如何在jQuery的.on()方法中动态更新按钮的ID选择器
- 在输入类型提交按钮上调用 C# 方法
- 如何使用 javascript 而不是使用控制器中的方法在 rails 中呈现部分按钮单击
- 如何使用C#为特定按钮事件调用JavaScript方法
- 如何在每次点击按钮时运行特定的方法,并在javascript中更改按钮
- 正在寻找特定的JS方法来确认单选按钮的选择
- 有没有一种方法可以在使用html脚本的同时将列表实现为按钮函数
- 单击按钮后需要jQuery方法重定向-ASP.NET、VB.NET、jQuery、Javascript
- 是否有任何方法可以在单击“加载前确认”对话框的“确定”按钮后执行某些操作
- 有没有一种方法可以在运行中添加CKEditor的按钮到链接插件
- 单击按钮时调用java方法
- 选择所有没有值属性的单选按钮的最安全方法
- TinyMCE 动态按钮/方法
- 无法在Ionic的返回按钮方法中获取作用域值