Jquery引导按钮组复选框值

我似乎无法得到我的任何复选框/单选按钮值。下面的代码是我认为阅读大量帖子后最合乎逻辑的，但仍然无效。Jquery引导按钮组复选框值

我的PHP

<!-- Account Type --> 
<input type="hidden" id="hidden-accounttype"> 
<div class="form-group"> 
    <label class="col-sm-4 control-label" for="accounttype">Account Type</label> 
    <div class="col-sm-4"> 
    <div class="btn-group btn-group-custom btn-block" data-toggle="buttons"> 
    <label class="btn btn-default col-xs-6 active"> 
     <input type="radio" name="accounttype" id="accounttype-0" class="button-accounttype" value="broker">Broker 
    </label> 
    <label class="btn btn-default col-xs-6"> 
     <input type="radio" name="accounttype" id="accounttype-1" class="button-accounttype" value="client">Client 
    </label> 
    </div> 
    </div> 
</div>

我的JS

$('.button-accounttype').click(function(){ 
    var values = $(this).val(); 
    $('#hidden-accounttype').val(values); 
    alert($("#hidden-accounttype").val()); 
});

香港专业教育学院还试图

alert($(".active").val());

小提琴（第一次拍的小提琴，所以请原谅我，如果我没有得到引导/ jquery扩展设置吧）

http://jsfiddle.net/3u7p71z6/

来源

2015-09-05 Patrick

[Works here]（https://jsfiddle.net/kv4yjL5h/）。你有没有与我们分享的东西？ – D4V1D

其工作代码。 –

我现在发布了一个小提琴，那是其余的代码，我删除了不相关的输入元素。但仍然没有工作。 – Patrick

由于input标签label标签内包裹，单击事件正在被label标签，而不是input标签触发。所以，我添加了一个类.labelZ到两个label标签和修改脚本：

$(document).ready(function() { 
    $('.labelZ').click(function(){ 
     var values = $(this).find("input").val(); 
     $("#hidden-accounttype").val(values); 
     alert($("#hidden-accounttype").val()); 
    }); 
});

更新fiddle。

来源

2015-09-05 07:30:06

很好，谢谢:) – Patrick

随时@Patrick！ :) –

Jquery引导按钮组复选框值

回答

相关问题