在 JQuery 中获取按钮类
Posted
技术标签:
【中文标题】在 JQuery 中获取按钮类【英文标题】：Get Button Class in JQuery 【发布时间】：2017-01-25 11:20:55 【问题描述】：我有 12 个 ASP 文本框和 4 个 ASP 按钮。
现在...我想做的是..我想将 3 个文本框分组或关联到每个按钮（将 3 个文本框和 1 个按钮组成一组）。我可以通过分别将相同的类分配给 3 个文本框和 1 个按钮并将其他类分别分配给其他 3 个文本框和 1 个按钮来做到这一点。
现在我的任务是，如果我单击类为“必需”的按钮，则只有类为“必需”的文本框应在 Jquery 中进行验证。请帮忙！！
【问题讨论】：
【参考方案1】：试试这个：
如果最后三个文本框为空，请按button.Required 显示消息要求。
$(document).ready(function()
$("button").on("click",function()
var cls = $(this).attr("class");
if(cls == "Required")
$("input[type=text]." + cls).each(function()
$(this).next("span").remove();
if($(this).val() == '')
$(this).after("<span>Require</span>");
)
)
)
最终代码：
<!DOCTYPE html>
<html lang="en">
<head>
<style>
</style>
</head>
<body>
<input type="text" class="txt1">
<br>
<input type="text" class="txt1">
<br>
<input type="text" class="txt1">
<br><br>
<input type="text" class="txt2">
<br>
<input type="text" class="txt2">
<br>
<input type="text" class="txt2">
<br><br>
<input type="text" class="Required">
<br>
<input type="text" class="Required">
<br>
<input type="text" class="Required">
<br><br>
<button class="txt1">Click 1</button>
<button class="txt2">Click 2</button>
<button class="Required">Required</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function()
$("button").on("click",function()
var cls = $(this).attr("class");
if(cls == "Required")
$("input[type=text]." + cls).each(function()
$(this).next("span").remove();
if($(this).val() == '')
$(this).after("<span>Require</span>");
)
)
)
</script>
</body>
</html>【讨论】：
感谢 ehsan 的回答！另外，我已经提到了我在下面编写的代码。【参考方案2】：希望 thias 能给你一些想法。
$(document).ready(function()
$(document).on('click', 'button.required', function(e)
e.preventDefault();
var textBoxValue = $('input.required').val();
alert(textBoxValue);
//Validation for the value goes here...
);
);
在使用它之前确保你已经包含了 Jquery 库。
【讨论】：
【参考方案3】：我已经写了下面的代码，幸运的是我能够解决这个目的。
$(document).ready(function ()
$('input[type="submit"]').click(function (e)
var ClassName = $(this).attr('class');
var j = 0;
$('input.' + ClassName + '[type="text"]').each(function ()
if (this.value == "")
this.style.backgroundColor = "Bisque";
j++;
);
if (j > 0)
event.preventDefault();
);
【讨论】：
以上是关于在 JQuery 中获取按钮类的主要内容，如果未能解决你的问题，请参考以下文章