Javascript 查找是否选择了按钮

Javascript 查找是否选择了按钮,javascript,jquery,html,Javascript,Jquery,Html,我有一个按钮组和提交按钮的HTML代码。脚本代码检查是否选中它,并根据该选择提交。如果未选择任何按钮,则显示警报 $(“#保存”)。单击(“单击”,保存); 功能保存(e){ if(GeneralStatusAlert(e)==false){ 返回; }否则{ $('frmSubmit')。提交(); } } 函数GetGeneralStatus(){ var值=”; var行=$(“#b一般”).最近(“.row”) var object=$(this.find(“.btn组”); 值=$(

我有一个按钮组和提交按钮的HTML代码。脚本代码检查是否选中它,并根据该选择提交。如果未选择任何按钮,则显示警报

$(“#保存”)。单击(“单击”,保存);
功能保存(e){
if(GeneralStatusAlert(e)==false){
返回;
}否则{
$('frmSubmit')。提交();
}
}
函数GetGeneralStatus(){
var值=”;
var行=$(“#b一般”).最近(“.row”)
var object=$(this.find(“.btn组”);
值=$(对象)。查找(“.selected”);
返回值;
}      
函数GeneralStatusAlert(e){
var value=GetGeneralStatus();
如果(值.length<1){
警报(“请设置状态”);
返回false;
}
返回true;
}
$('.testRow按钮')。单击(函数(){
$(此).addClass(“选定”);
});

打开
关闭


拯救
我已经稍微更新了你的JS:

$("#Save").on("click", Save);

$(".btnStatus").on("click", function(){
    $(".btnStatus").removeClass("selected");
    $(this).addClass("selected");
});

function Save(e) 
{
if (GeneralStatusAlert(e) == false) {
    return;
}
else{
     $('#frmSubmit').submit();
    }
}


function GetGeneralStatus() {
    var value = "";  
    value = $("div.btn-group").find(".selected");
    return value;
}      

function GeneralStatusAlert(e) {
    var value = GetGeneralStatus();
    if (value.length < 1) {
        alert("Please set Status.");
        return false;
    }
    return true;
}
$(“#保存”)。单击(“单击”,保存);
$(.btnStatus”)。在(“单击”,函数()上{
$(“.btnStatus”).removeClass(“选定”);
$(此).addClass(“选定”);
});
功能保存(e)
{
if(GeneralStatusAlert(e)==false){
返回;
}
否则{
$('frmSubmit')。提交();
}
}
函数GetGeneralStatus(){
var值=”;
值=$(“div.btn-group”).find(“.selected”);
返回值;
}      
函数GeneralStatusAlert(e){
var value=GetGeneralStatus();
如果(值.length<1){
警报(“请设置状态”);
返回false;
}
返回true;
}

基本上,在单击状态按钮时,您没有添加所选的
类。还有您的代码
var对象=$(this.find(“.btn组”)没有找到任何东西。(由于使用了
这个

我对你的JS做了一些更新:

$("#Save").on("click", Save);

$(".btnStatus").on("click", function(){
    $(".btnStatus").removeClass("selected");
    $(this).addClass("selected");
});

function Save(e) 
{
if (GeneralStatusAlert(e) == false) {
    return;
}
else{
     $('#frmSubmit').submit();
    }
}


function GetGeneralStatus() {
    var value = "";  
    value = $("div.btn-group").find(".selected");
    return value;
}      

function GeneralStatusAlert(e) {
    var value = GetGeneralStatus();
    if (value.length < 1) {
        alert("Please set Status.");
        return false;
    }
    return true;
}
$(“#保存”)。单击(“单击”,保存);
$(.btnStatus”)。在(“单击”,函数()上{
$(“.btnStatus”).removeClass(“选定”);
$(此).addClass(“选定”);
});
功能保存(e)
{
if(GeneralStatusAlert(e)==false){
返回;
}
否则{
$('frmSubmit')。提交();
}
}
函数GetGeneralStatus(){
var值=”;
值=$(“div.btn-group”).find(“.selected”);
返回值;
}      
函数GeneralStatusAlert(e){
var value=GetGeneralStatus();
如果(值.length<1){
警报(“请设置状态”);
返回false;
}
返回true;
}

基本上,在单击状态按钮时,您没有添加所选的
类。还有您的代码
var对象=$(this.find(“.btn组”)没有找到任何东西。(由于使用了

示例代码中几乎没有问题

1:bootstrap.js依赖于JQuery,因此需要首先添加它

2:状态按钮上添加所选类的代码缺失

3:没有id为btnGeneral的元素,您使用了错误的选择器。btnGeneral是一个类,应通过访问

4:您可能是指$(行)而不是$(此)

更新的示例代码

$(“#保存”)。单击(“单击”,保存);
$(“.btn”)。在(“单击”,函数(){
$(此).addClass(“选定”);
$(this.sibles().removeClass(“选定”);
});
功能保存(e){
if(GeneralStatusAlert(e)==false){
返回;
}否则{
警报(“提交”);
$('frmSubmit')。提交();
}
}
函数GetGeneralStatus(){
var值=”;
变量行=$(“.btnGeneral”).closest(“.row”)
变量对象=$(行).find(“.btn组”);
值=$(对象)。查找(“.selected”);
返回值;
}      
函数GeneralStatusAlert(e){
var value=GetGeneralStatus();
如果(值.length<1){
警报(“请设置状态”);
返回false;
}
返回true;
}

打开
关闭


拯救
示例代码中几乎没有问题

1:bootstrap.js依赖于JQuery,因此需要首先添加它

2:状态按钮上添加所选类的代码缺失

3:没有id为btnGeneral的元素,您使用了错误的选择器。btnGeneral是一个类,应通过访问

4:您可能是指$(行)而不是$(此)

更新的示例代码

$(“#保存”)。单击(“单击”,保存);
$(“.btn”)。在(“单击”,函数(){
$(此).addClass(“选定”);
$(this.sibles().removeClass(“选定”);
});
功能保存(e){
if(GeneralStatusAlert(e)==false){
返回;
}否则{
警报(“提交”);
$('frmSubmit')。提交();
}
}
函数GetGeneralStatus(){
var值=”;
变量行=$(“.btnGeneral”).closest(“.row”)
变量对象=$(行).find(“.btn组”);
值=$(对象)。查找(“.selected”);
返回值;
}      
函数GeneralStatusAlert(e){
var value=GetGeneralStatus();
如果(值.length<1){
警报(“请设置状态”);
返回false;
}
返回true;
}

打开
关闭


拯救
您缺少将所选类别添加到按钮的代码,因此没有选择编辑实际工作,您没有在单击时更改按钮的状态您缺少将所选类别添加到按钮的代码,因此没有选择编辑实际工作,您没有更改clickDNKROZ答案上按钮的状态与我的相同,我同意解决方案应该适用于@TheFallenOne。主要问题是没有将
选定的
添加到类名中,并且
查找
中的对象也为空。DNKROZ的答案与我的答案相同,我同意解决方案应该适用于@TheFallenOne。主要问题是没有将
选定的
添加到类名,并且
查找
中的对象也为空。