怎么获取单选框和复选框的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值这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！