怎么獲取單選框和復選框的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值這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！