九、获取所有radio的值

image.png

<script src='https://code.jquery.com/jquery-3.2.1.min.js'></script>
Group 1:
<div class="contain">
    <input type="radio" name="tummy-pro" id="tummy-pro0.3" value="0.3">
    <label class="btn btn-default btn-lg" for="tummy-pro0.3">肚省: 0.3</label>
    <input type="radio" name="tummy-pro" id="tummy-pro0.5" value="0.5">
    <label class="btn btn-default btn-lg" for="tummy-pro0.5">肚省: 0.5</label>
</div>
<p></p>
Group 2:
<div class="contain">
    <input type="radio" name="chest" id="chest1" value="1">
    <label class="btn btn-default btn-lg" for="chest1">前胸宽: 1</label>
    <input type="radio" name="chest" id="chest1.5" value="1.5">
    <label class="btn btn-default btn-lg" for="chest1.5">前胸宽: 1.5</label>
</div>
<button id="btn">保存</button>
<script>
    $("#btn").click(function () {
        var res = {};
        $("input[type='radio']:checked").each(function(){
            var name = $(this).attr('name');
            var value = $(this).val();
            res[name]=value;
        });
        console.log(res);
    });
</script>

radio标签取消勾选：

$('input:radio').click(function(){
    //alert(this.checked);
    var domName = $(this).attr('name');
    var $radio = $(this);
    // if this was previously checked
    if ($radio.data('waschecked') == true){
        $radio.prop('checked', false);
        $("input:radio[name='" + domName + "']").data('waschecked',false);
        //$radio.data('waschecked', false);
    } else {
        $radio.prop('checked', true);
        $("input:radio[name='" + domName + "']").data('waschecked',false);
        $radio.data('waschecked', true);
    }
});