在联系表单7中将图像作为复选框选项

时间:2018-10-04 13:59:10

标签: wordpress contact-form-7

我想使用该图像作为签入联系表格7的选项。我进行了搜索,找到了使用单选按钮进行操作的方法。我在代码中进行了更改,它确实可以用作复选框,但是在提交表单时它仅发送一个值,而不是多个值。

这是我正在使用的代码。请告诉我需要更改的内容。

function add_shortcode_imagecheckbox() {
        wpcf7_add_shortcode( 'imagecheckbox', 'imagecheckbox_handler', true );
    }
    add_action( 'wpcf7_init', 'add_shortcode_imagecheckbox' );

    function imagecheckbox_handler( $tag ){
        $tag = new WPCF7_FormTag( $tag );

        $atts = array(
            'type' => 'checkbox',
            'name' => $tag->name,
            'list' => $tag->name . '-options' );

        $input = sprintf(
            '<input %s />',
            wpcf7_format_atts( $atts ) );
            $datalist = '';
            $datalist .= '<div class="imgcheckbox">';
            foreach ( $tag->values as $val ) {
            list($checkboxvalue,$imagepath) = explode("!", $val
        );

        $datalist .= sprintf(
         '<label><input type="checkbox" name="%s" value="%s" class="hidecheckbox" /><img src="%s"></label>', $tag->name, $checkboxvalue, $imagepath 
        );

        }
        $datalist .= '</div>';

        return $datalist;
    }

1 个答案:

答案 0 :(得分:0)

有点晚了,但是我现在遇到了这个问题

在输入名称中添加 []

       $datalist .= sprintf(
     '<label><input type="checkbox" name="%s[]" value="%s" class="hidecheckbox" /><img src="%s"></label>', $tag->name, $checkboxvalue, $imagepath 
    );