告诉你如何获取单选框和复选框的value值 - 极悦
首页 课程 师资 教程 报名

告诉你如何获取单选框和复选框的value值

  • 2022-09-26 09:25:18
  • 910次 极悦

如何获取单选框和复选框的value值?小编来告诉大家。在开发过程中,为了提高代码维护性,一般使用foreach语句来输出复选框或者单选框中的值。例如我的这段代码:

<?php
      foreach ($Array_yanpan_report_muban as $key => $value){
 ?>
    <label class="radio-inline">
        <input type="radio" name="muban" value="<?php echo $key;?>"><?php echo $value;?>
    </label>
<?php8    }9 ?>

其中,$Array_yanpan_report_muban是一个数组。在要想获取到你选取的单选框的value值,一般在javascript中这样写:

<script type="text/javascript">
    $(function () {
        $("#add").click(function () {
            var muban =$('input[name="muban"]:checked').val();
            alert(muban);
        });
     });
</script>

这里主要是“:checked”不要漏掉。

而对于复选框,可能会相对复杂一点,因为复选框可以一下获取多个值。

<div class="fc_body">
  <?php
    $i=1;
    if(!empty($rows)){
      foreach($rows as $row){
   ?>
    <label class="checkbox-inline">
      <input type="checkbox" id="check" name="sensitive_words" value="<?php echo $row['name'];?>"/><?php echo $row['name'];?>
    </label>
   <?php
   $i++;
     }
    }else{
          echo '<tr><td class="center" colspan="6">没有敏感词</td></tr>';
         }
   ?></div>

其中$rows是一个二维数组。

在要想获取到你选取的复选框的value值,一般在javascript中这样写:

 var name_array=new Array();
 $('input[name="sensitive_words"]:checked').each(function(){
   name_array.push($(this).val());//向数组中添加元素
   });
 var name=name_array.join(',');//将数组元素连接起来以构建一个字符串

这样,所有被选中的value值构成一个字符串,它们之间用逗号进行分隔。

如果要使用它们,可以把它们打散之后形成一个数组,像这样:

$array=explode(",",$name);
  try {
     foreach ($array as $arr){
         $r = Sensitive_word::del($arr,$ADMIN->getId());
      }
      echo $r;
        }catch (MyException $e){
           echo $e->jsonMsg();
        }

用explode函数将其值构成一个数组,之后用foreach函数进行调用。

这样,就完成了单选框和复选框中对value值的获取!

选你想看

你适合学Java吗?4大专业测评方法

代码逻辑 吸收能力 技术学习能力 综合素质

先测评确定适合在学习

在线申请免费测试名额
价值1998元实验班免费学
姓名
手机
提交