如何获取未选中的单选按钮属性?

时间:2019-05-12 09:24:19

标签: javascript jquery

我有几个复选框单选按钮,它们具有相同的类,用户可以选择单选按钮中的一个 strong>和多个复选框

在检查了其中之一后,我将变量的金额与金额属性相加 并取消选中复选框后,我减少了总和值 但是如何在选择要从总和变量中减少的单选按钮之一后找到取消选择的单选属性?

<input type="radio" class="form-control selected-tuitions" name="selected-tuitions[]" value="70" amount="8600000" allow-count="0" interval="0" section="2" pre-payment="8600000">

2 个答案:

答案 0 :(得分:0)

因此问题在于,只有 selected input 会发送到您的$_POST中,因此,如果要访问 unselected < / strong>,在 PHP 中有点棘手。您可以使用jQuery获取未选中的单选按钮的值,然后将其存储在隐藏的输入中,然后将其发布。

//Add this input to your form
<input type="hidden" name="unselected-tuitions" id="unselected-tuitions">

//When the radio buttons gets clicked
$(document).on('click', '.selected-tuitions' function() {
    getUnselectedTuitions()
});

function getUnselectedTuitions() {
    let unselectedValues = [];
    //Loop through each of the unselected radio items
    $( "input.selected-tuitions:not(:checked)" ).each(function(){
        unselectedValues.push($(this).val());
    });
    //Store all the unselected values in our hidden input
    $("#unselected-tuitions").val(unselectedValues.toString());
}

因此,现在您将具有一个隐藏的输入,其中包含所有未选择的值,这些值将在$_POST变量中。

答案 1 :(得分:0)

您可以尝试以下代码:

$('input[type="radio"]').not(':checked').each(function(){

    //Your Code

});