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引導按鈕組複選框值

回答

相關問題