Jquery 从2个引导按钮组获取值

Jquery 从2个引导按钮组获取值,jquery,html,button,bootstrap-4,Jquery,Html,Button,Bootstrap 4,我使用两个引导按钮组使用引导。我试图使用jquery从这些按钮组中分别获取值。我尝试了一些方法,但似乎没有任何效果 div class="btn-group" id="blood_button"> <button type="button" value="ABO" name="blood" class="btn btn-secondary btn-sm active" >All</button> <button

我使用两个引导按钮组使用引导。我试图使用jquery从这些按钮组中分别获取值。我尝试了一些方法,但似乎没有任何效果

div class="btn-group" id="blood_button">
            <button type="button" value="ABO" name="blood" class="btn btn-secondary btn-sm active" >All</button>
            <button type="button" value="A" name="blood" class="btn btn-secondary btn-sm" >A</button>
            <button type="button" value="B" name="blood" class="btn btn-secondary btn-sm">B</button>
            <button type="button" value="O" name="blood" class="btn btn-secondary btn-sm" >O</button>
            <button type="button" value="AB" name="blood" class="btn btn-secondary btn-sm">AB</button>
            <button type="button" value="U" name="blood" class="btn btn-secondary btn-sm" >None</button>
        </div>
        <br style="clear:both">
        <div class="btn-group" id="bmi_button">
            <button type="button" value="0" name="bmi" class="btn btn-secondary btn-sm active" >All</button>
            <button type="button" value="1" name="bmi" class="btn btn-secondary btn-sm">18.5</button>
            <button type="button" value="2" name="bmi" class="btn btn-secondary btn-sm" >18.5-25</button>
            <button type="button" value="3" name="bmi" class="btn btn-secondary btn-sm">25-30</button>
            <button type="button" value="4" name="bmi" class="btn btn-secondary btn-sm">30-35</button>
            <button type="button" value="5" name="bmi" class="btn btn-secondary btn-sm">35-50</button>
            <button type="button" value="6" name="bmi" class="btn btn-secondary btn-sm">50+</button>
            <button type="button" value="NR" name="bmi" class="btn btn-secondary btn-sm">None</button>
        </div>

@Kuhu Gupta我不知道您是否为JQuery部分输入了错误的代码,但请尝试以下操作:

   $(document).ready(function(){
       $("#bmi_button").click(function(){
           alert("BMI_Button was clicked");
        });

       $("#blood_button").click(function(){
            alert("Blood Button was clicked");
       });        
   });

您在每个事件之后都缺少分号,通过使用ready事件了解页面何时准备就绪也很有帮助。希望这有帮助。谢谢

@Kuhu Gupta我不知道您是否为JQuery部分输入了错误的代码,但请尝试以下操作:

   $(document).ready(function(){
       $("#bmi_button").click(function(){
           alert("BMI_Button was clicked");
        });

       $("#blood_button").click(function(){
            alert("Blood Button was clicked");
       });        
   });

您在每个事件之后都缺少分号,通过使用ready事件了解页面何时准备就绪也很有帮助。希望这有帮助。谢谢

您需要找到所有按钮,并循环查看它们以获取它们的值。看看下面的示例代码,您可能会有一个想法

$(“#bmi_按钮”)。单击(函数(){
var allBtns=$('bmi_group')。查找('button');
所有基站。每个(功能(索引,基站){
log('Bmi:',$(btn.val());
})
})
$(“#血型按钮”)。单击(函数(){
var allBtns=$('blood#u group')。查找('button');
所有基站。每个(功能(索引,基站){
log('血型:',$(btn.val());
})
})
所选变量bmi_=0,
血型='';
$(“#bmi_组”)。单击(函数(e){
选择的bmi_=e.目标值;
console.log(如target.value);
})
$(“#血型”)。单击(功能(e){
选择的bmi_=e.目标值;
console.log(如target.value);
})

全部的
A.
B
O
AB
没有一个

全部的 18.5 18.5-25 25-30 30-35 35-50 50+ 没有一个 获得体重指数
获取bloog组
您需要找到所有按钮,并通过它们循环获取它们的值。看看下面的示例代码,您可能会有一个想法

$(“#bmi_按钮”)。单击(函数(){
var allBtns=$('bmi_group')。查找('button');
所有基站。每个(功能(索引,基站){
log('Bmi:',$(btn.val());
})
})
$(“#血型按钮”)。单击(函数(){
var allBtns=$('blood#u group')。查找('button');
所有基站。每个(功能(索引,基站){
log('血型:',$(btn.val());
})
})
所选变量bmi_=0,
血型='';
$(“#bmi_组”)。单击(函数(e){
选择的bmi_=e.目标值;
console.log(如target.value);
})
$(“#血型”)。单击(功能(e){
选择的bmi_=e.目标值;
console.log(如target.value);
})

全部的
A.
B
O
AB
没有一个

全部的 18.5 18.5-25 25-30 30-35 35-50 50+ 没有一个 获得体重指数
get blog groups
您几乎拥有了它,您只需要指定单击按钮,而不是容器

$(函数(){
$(“#血液按钮>按钮”)。在(“单击”,函数(){
警报(该值);
});
$(“#bmi_按钮>按钮”)。在(“单击”,函数(){
警报(该值);
});
});

全部的
A.
B
O
AB
没有一个

全部的 18.5 18.5-25 25-30 30-35 35-50 50+ 没有一个
您几乎拥有了它,您只需要指定按钮上的单击,而不是容器

$(函数(){
$(“#血液按钮>按钮”)。在(“单击”,函数(){
警报(该值);
});
$(“#bmi_按钮>按钮”)。在(“单击”,函数(){
警报(该值);
});
});

全部的
A.
B
O
AB
没有一个

全部的 18.5 18.5-25 25-30 30-35 35-50 50+ 没有一个
如何获取值?当我尝试执行alert($(this).val())时,它似乎不起作用。实际上,这与按钮没有多大关系,因为为什么要使用一组可以单独连接的按钮来执行某些操作,然后使用另一个按钮来获取按下哪个按钮的值?我会使用一组单选按钮,然后使用以下代码来获取按下哪个按钮的值:如何获取值?当我尝试执行alert($(this).val())时,它似乎不起作用。实际上,这与按钮没有多大关系,因为为什么要使用一组可以单独连接的按钮来执行某些操作,然后使用另一个按钮来获取按下哪个按钮的值?我将使用一组单选按钮,然后使用以下代码来获取按下按钮的值:我只需要将所选按钮的值与每个按钮组分开。在bmi组中,如果我单击18.5,我想将1存储在一个单独的变量中,类似于血型组,每次单击按钮时,它将替换旧值,或者两个值都将被存储?我只需要将所选按钮的值与每个按钮组分开。在bmi组中,如果我单击18.5,我想将1存储在一个单独的变量中,类似于血型,每次单击按钮时,它将替换旧值,或者两个值都将被存储?