onClick复选框保存值或echo以供以后使用

时间:2016-07-19 10:38:52

标签: javascript php wordpress

我正在使用Wordpress来创建卖船的主题。到目前为止,我已经使用此插件搜索和过滤器来选择自定义所需的那种船。

现在,在海关为他们想要的船只提供选项后,我希望有一个复选框(或其他东西)来保存这艘船或船只,如果有更多可用的话。

所以我可以发送一条联系信息(联系表格7),显示客户选择的船只,因此我知道他或她想要的信息。

使用此代码:

<label><input type='checkbox' onclick='handleClick(this);'>Checkbox</label>

function handleClick(cb) {
  display("Clicked, new value = " + cb.checked);
}

Example | Source(积分转到:T.J. Crowder

我可以输出真值或假值,但不能(目前)输出船名。

是否有一种很好的方法可以使这项工作?

在我的标题中,我开始了一个会话

 <?php
session_start();
?>

所以我能够从任何地方回复价值吗?我知道脚本和会话是分开的。但是什么是解决我问题的最佳方法呢?

更新: 好吧,我发现这个bootstrap模数代码,让我用ajax做'东西',可能写在我的会话中。有人能告诉我我是怎么做到的吗?

<script>
    $('.post-<?php the_ID(); ?>').on('show.bs.modal', function (event) {
        var button = $(event.relatedTarget) // Button that triggered the modal
        var recipient = button.data('whatever') // Extract info from data-* attributes
        // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
        // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
        var modal = $(this)
        modal.find('.modal-title').text('New message to ' + recipient)
        modal.find('.modal-body input').val(recipient)
    })
</script>

<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".post-<?php the_ID(); ?>" data-whatever="@mdo">Open modal for @mdo</button>
    <div class="modal fade post-<?php the_ID(); ?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel"><?php the_title(); ?></h4>
          </div>
         <div class="modal-body">
            <p>Boot <?php the_title(); ?></p>
                <hr>
                <p><?php the_title(); ?></p> 
         </div> 
         <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Sluiten</button>
        </div>
     </div>
    </div>
   </div>

0 个答案:

没有答案