【问题标题】:How to display the value of hidden when checkbox is checked in PHP如何在PHP中选中复选框时显示隐藏的值
【发布时间】:2016-11-27 14:45:13
【问题描述】:

我在选中复选框后如何获取隐藏输入框的值时遇到问题。这是我的代码。

<label class="control control--checkbox"><span>Additional</span>
   <input type="checkbox" name="apply[]" value=""/>
   <input type="hidden" name="option[]" value="1 bottle"/>
   <input type="hidden" name="cost[]" value="$20"/>
</label>
<label class="control control--checkbox"><span>Additional</span>
   <input type="checkbox" name="apply[]" value=""/>
   <input type="hidden" name="option[]" value="3 bottle"/>
   <input type="hidden" name="cost[]" value="$50"/>
</label>

我的 PHP 代码:

<?php 
$options = $_POST['option'];
$costs = $_POST['cost']; 
$apply = $_POST['apply'];
if (isset($apply)) {
    foreach ($options as $option) {
    echo '<tr>';
    echo '<td>'.$option.'</td>';
    echo '</tr>';
    }
}
?>

似乎我的 php 代码的选项总是两个,我只想显示已检查的而不显示未选中的。

有人可以告诉我如何解决这个问题或任何解决方法以获得相同的结果吗?

【问题讨论】:

  • 您需要使用jQuery 来执行此操作,或者如果您的复选框根据 PHP 值选中,那么您可以使用条件来显示隐藏输入。
  • 我明白了。您对我如何在 jquery 中执行此操作有任何想法吗?我还没有在 jquery 中尝试过。我想先解决php中的问题,但是如果没有其他方法,那么我会尝试你的jquery,如果你有的话。
  • 你是如何区分这两个输入框的?通过选项?为什么是名称数组?如果您为其分配一个值,则没有必要。
  • 查看示例:jsfiddle.net/wkLx7d6o
  • @FrayneKonok 小提琴坏了,当你尝试点击它们时,它是可能的。 OP 只需要添加一些可能的检查并取消选中 jQuery。

标签: php arrays checkbox


【解决方案1】:

使用 PHP,您需要设置 CheckBox 值,然后才能找到其他值。

<input type="checkbox" name="apply[]" value="y"/>

PHP

$options = $_POST['option'];
$costs = $_POST['cost']; 
$apply = $_POST['apply'];
if(isset($apply)) {
    foreach ($options as $key => $option) {
        if($option == 'y'){
            echo $costs[$key];
            echo $apply[$key];
        }
    }
}

使用 jQuery,您可以获得隐藏值,例如-

$(function(){
    $('.input_check').on("change", function(){
    var chk = $(this).prop('checked');
    if(chk == true){
        var val = $(this).closest('label').find('.option').val();
        console.log(val);
    }
  })
})

【讨论】:

    猜你喜欢
    • 2020-06-06
    • 1970-01-01
    • 1970-01-01
    • 2016-09-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-12-28
    相关资源
    最近更新 更多