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);
}
});
网友评论