Question

我有一个复选框，如果有任何用户选中该复选框，则复选框的值将显示在同一页面上而不刷新页面。

的index.php

<input  type="checkbox" value="<?php echo $value;?>" name="value_r" id="value_r"/>

if(!isset($_POST['value_r']))
echo $_POST['value_r'];
}

如果ajax好，那么任何人都知道如何用ajax显示值吗？

$("#value_r").change(function () {
    var isChecked = $(this).is(":checked") ? 1:0;
        $.ajax({
        type: "POST",
        url: "index.php",
        async: true,
        data: { isChecked: isChecked },
        success: function (response) {
        }
    });
  });

Answer 1

您可以使用ajax执行此操作，而不是使用javascript或任何CSS。检查下面更新的代码段。

input[type=checkbox] + label{
    display: none;
}
input[type=checkbox]:checked + label{
    display: inline-block;
}

<input  type="checkbox" value="<?php echo $value;?>" name="value_r" id="value_r"/><label for="">Checkbox value Comes here</label>

Answer 2

您可以通过 document.getElementsByName（＆＃34; checkme＆＃34;）[0]获取复选框项的值。

Answer 3

＆＃13;

<View style={styles.row}>
    <View style={styles.inputWrapstotal}>
        <Text style={styles.labelcolor}>16.7% Off</Text>
    </View>
    <View style={styles.inputWrapstotal}>
        <Text style={styles.labelamount}>Rs $10</Text>
        <Text style={styles.labelamountchange}> 12 </Text>
    </View>
</View>

＆＃13;

function test(){
  v = document.getElementById("chkbx").value;
  document.getElementById("val").innerHTML = v;
}

＆＃13;

如何在php中显示没有提交按钮和表单的同一页面上的复选框值？

3 个答案: