怎么獲取單選框和復(fù)選框的value值

這篇文章主要講解了“怎么獲取單選框和復(fù)選框的value值”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“怎么獲取單選框和復(fù)選框的value值”吧！

在開發(fā)過程中，為了提高代碼維護(hù)性，一般使用foreach語句來輸出復(fù)選框或者單選框中的值。例如我的這段代碼：

<?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是一個(gè)數(shù)組。在要想獲取到你選取的單選框的value值，一般在javascript中這樣寫：

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

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

而對于復(fù)選框，可能會(huì)相對復(fù)雜一點(diǎn)，因?yàn)閺?fù)選框可以一下獲取多個(gè)值。

<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是一個(gè)二維數(shù)組。

在要想獲取到你選取的復(fù)選框的value值，一般在javascript中這樣寫：

 var name_array=new Array();
 $('input[name="sensitive_words"]:checked').each(function(){
 　　name_array.push($(this).val());//向數(shù)組中添加元素
   }); var name=name_array.join(',');//將數(shù)組元素連接起來以構(gòu)建一個(gè)字符串

這樣，所有被選中的value值構(gòu)成一個(gè)字符串，它們之間用逗號(hào)進(jìn)行分隔。

如果要使用它們，可以把它們打散之后形成一個(gè)數(shù)組，像這樣：

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

用explode函數(shù)將其值構(gòu)成一個(gè)數(shù)組，之后用foreach函數(shù)進(jìn)行調(diào)用。

這樣，就完成了單選框和復(fù)選框中對value值的獲取。

感謝各位的閱讀，以上就是“怎么獲取單選框和復(fù)選框的value值”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對怎么獲取單選框和復(fù)選框的value值這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！