[英]Show field only if checkbox is checked
我有以下代碼:
<div class="dk-form-group">
<label class="dk dk-control-label" for=""><?php _e( 'Manage Items?', 'dk' ); ?></label>
<div class="dk dk-text-left">
<?php dk_post_input_box( $post->ID, '_manage_items', array('label' => __( 'Enable item management', 'dk' ) ), 'checkbox' ); ?>
</div>
</div>
<div class="dk-form-group">
<label class="dk dk-control-label" for="_item_qty"><?php _e( 'Item Qty', 'dk' ); ?></label>
<div class="dk dk-text-left">
<input type="number" name="_item" id="_item" step="any" placeholder="10" value="<?php echo !empty( $_stock ) ? wc_stock_amount( $_stock ) : 1; ?>">
</div>
</div>
基本上可以猜到,只有在選中復選框的情況下,我才嘗試顯示輸入字段。
我一直在嘗試添加以下代碼:
$('_manage_items').click(function() {
$('_item')[this.checked ? "show" : "hide"]();
});
所以我的最終代碼如下所示:
<div class="dk-form-group">
<label class="dk dk-control-label" for=""><?php _e( 'Manage Items?', 'dk' ); ?></label>
<div class="dk dk-text-left">
<?php dk_post_input_box( $post->ID, '_manage_items', array('label' => __( 'Enable item management', 'dk' ) ), 'checkbox' ); ?>
<?php
$('_manage_items').click(function() {
$('_item')[this.checked ? "show" : "hide"]();
}); ?>
</div>
</div>
<div class="dk-form-group">
<label class="dk dk-control-label" for="_item_qty"><?php _e( 'Item Qty', 'dk' ); ?></label>
<div class="dk dk-text-left">
<input type="number" name="_item" id="_item" step="any" placeholder="10" value="<?php echo !empty( $_stock ) ? wc_stock_amount( $_stock ) : 1; ?>">
</div>
</div>
但這只是引發錯誤。 因此,我不確定是否將該代碼段正確添加到復選框代碼中的正確位置,然后不確定代碼段$('_manage_items')
和$('_item')
中的名稱是否正確輸入完全沒有
任何幫助將非常感激。
嘗試這個:
$('input[name="_manage_items"]').click(function() {
$('input[name="_item"]')[this.checked ? "show" : "hide"]();
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.