怎么获取单选框和复选框的value值

这篇文章主要讲解了“怎么获取单选框和复选框的value值”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“怎么获取单选框和复选框的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值的获取。

感谢各位的阅读，以上就是“怎么获取单选框和复选框的value值”的内容了，经过本文的学习后，相信大家对怎么获取单选框和复选框的value值这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！