CodeCharge checkbox 如果是只在 前端javascript 用，就不要用內建的 form->checkbox

 CodeCharge checkbox 如果是只在 前端javascript 用，就不要用內建的 form->checkbox

如果在 html 使用  code-charge 內建的 checkbox ，他會 表現得跟單純的 html checkbox 不大一樣。

如果只是要在前端使用 javascript ，不會更新後端資料庫，就不要用CCS內建的checkbox！

他會不一樣！很頭大！

例如：寫 購物車，結帳，收件人與會員資料一樣，前面加個 check，讓用戶選擇，只要 click on, 就複製會員資料到收件人欄位裡，這個功能只要單純的 javascript 就可以了。

那麼，就使用單純的 html 的 checkbox 就好。千萬不要使用CCS內建的checkbox，會無法使用！

紀錄 下

        <div class="form-group">

          <label>請填寫送貨收件人資料 (請填入收件人真實姓名，以確保順利收件)</label>

        </div>

        <hr>

        <div class="form-group">

        <div class="checkbox">

          <label for="contentorderssame_with_customer">

<input type="checkbox" id="contentorderssame_with_customer" onclick="same_with_customer()">

          {res:same_with_customer}

          </label>

</div>

</div>

       <div class="form-group">

          <label for="contentordersdelivery_name">{res:delivery_name}</label>

          <input type="text" class="form-control" name="{delivery_name_Name}" value="{delivery_name}" id="contentordersdelivery_name">

        </div>

 

        <div class="form-group">

          <label for="contentordersdelivery_telephone">{res:delivery_telephone}</label>

          <input  class="form-control" type="text" name="{delivery_telephone_Name}" value="{delivery_telephone}" id="contentordersdelivery_telephone">

        </div>

<script language="JavaScript" type="text/javascript">

function same_with_customer()

{

if (document.getElementById("contentorderssame_with_customer").checked == true) {

document.getElementById("contentordersdelivery_name").value=document.getElementById("ss_customer_name").innerHTML;

document.getElementById("contentordersdelivery_telephone").value=document.getElementById("ss_customer_telephone").innerHTML;

} else {

document.getElementById("contentordersdelivery_name").value="";

document.getElementById("contentordersdelivery_telephone").value="";

}

}

</script>