如何獲取復選框的值在選中或取消選中而不提交表單

Question

我想在有人選中或取消選中復選框時更改值。 這是我的代碼：

<?php 
    if($params['status'] == "2"){ 
?>
        <div class="pull-right" id="confirm-ship">
            <input type="checkbox" class="chkone"><br>
            if(checkbox == check){
                <span>Confirmed</span>
            }else{
                <span>Not Confirmed</span>
            }
        </div>
<?php
     }
?>

當有人點擊復選框而不提交頁面或重新加載頁面時，我想顯示已確認或未確認的消息。 有可能，有人幫助我嗎？

我剛剛在上面的場景中添加了以下代碼，僅僅是為了給出一個想

if(checkbox == check){
    <span>Confirmed</span>
}else{
    <span>Not Confirmed</span>
}

Answer 1

首先，您需要設置一個事件監聽器來監聽change事件並觸發一個函數。

如果你給你的元素id ，你可以更容易地定位該元素。

您還需要將javascript放入<script>標記中。 有些人將它們放在頁面的主體中或最底層。 就我個人而言，我喜歡將我放在<head>標簽中，因為使用window.onload只會在頁面加載時嘗試getElementById() 。

 window.onload=function(){ // Trigger when the page is ready //Set change event document.getElementById('Confirmation').addEventListener('change', Confirm, false); } function Confirm(){ var Confirmation=document.getElementById('Confirmation').checked; var Message; if(Confirmation){ Message="Confirmed"; }else{ Message="Not Confirmed" } document.getElementById('Result').innerHTML=Message; }

 <input type="checkbox" id="Confirmation" /> <span id="Result">Not Confirmed</span>

如果您對上述源代碼有任何疑問，請在下面留言，我會盡快給您回復。

Answer 2

復選框DOM元素的.checked屬性將告訴您元素的已檢查狀態。

   <input id="chktype" type="checkbox" class="chkone"><br>

  if(document.getElementById('chktype').checked) {
       alert('Checked');
    } else {
        alert('Not Checked');
    }

Answer 3

也許：

$('.yourcheckbox').click(function() {
    if( $('.yourcheckbox').is(":checked") ) {
       do stuff
    } else {
       do other stuff
    }
});

Answer 4

你可以使用jQuery來做到這一點。 在頭部分中包含jQuery文件：

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

    <?php 

     if($params['status'] == "2"){ ?>
      <div  class="pull-right" id="confirm-ship">
      <input type="checkbox" class="chkone"><br>
      <span></span>
      </div>
    <?php  }
      ?>
      <script>
          $('.chkone').change(function(){

      if($(this).prop('checked')==true)
      {
        $('span').html('Confirmed');  
      }
      else
      {
          $('span').html('Not Confirmed');
      }
     });
    </script>

Answer 5

只需更改您的代碼：

<div class="pull-right" id="confirm-ship">
<input type="checkbox" class="chkone" id="chkone"><br>

使用javascript：

$('.chkone').click(function(){

        if($(this).is(':checked'))
        {
            //if checked do something
        }
        else
        {

        }
    });

如何獲取復選框的值在選中或取消選中而不提交表單

問題描述

5 個解決方案

解決方案1
4 已采納 2015-09-14 11:38:15

解決方案2
1 2015-09-14 11:33:54

解決方案3
1 2015-09-14 11:34:33

解決方案4
1 2015-09-14 11:41:14

解決方案5
0 2015-09-14 11:42:04

如何獲取復選框的值在選中或取消選中而不提交表單

問題描述

5 個解決方案

解決方案1 4 已采納 2015-09-14 11:38:15

解決方案2 1 2015-09-14 11:33:54

解決方案3 1 2015-09-14 11:34:33

解決方案4 1 2015-09-14 11:41:14

解決方案5 0 2015-09-14 11:42:04

解決方案1
4 已采納 2015-09-14 11:38:15

解決方案2
1 2015-09-14 11:33:54

解決方案3
1 2015-09-14 11:34:33

解決方案4
1 2015-09-14 11:41:14

解決方案5
0 2015-09-14 11:42:04