​
t t-if="contract.partner_id.payment_token_ids"
Do you want to enable auto pay? 

input type="checkbox" id="auto_pay_checkbox"/
div class="col-md-5 col-sm-5"
select class="form-control" id="check_id" name="select_card" style="display:none"
t t-foreach="contract.partner_id.payment_token_ids" t-as="card"
option id="show_cards" t-att-value="card[0]">/option
/t
/select
/div
/t
script
$(document).ready(function(){
$("#auto_pay_checkbox").change(function(){
if(this.checked)
$("#check_id").show();
else
$("#check_id").hide();
});
});
/script

Hi,

You could try the following:-

<t t-if="contract.partner_id.payment_token_ids">

    Do you want to enable auto pay?

    <input type="checkbox" id="checkbox_1" onclick="onclick_checkbox()"/>

    <div class="col-md-5 col-sm-5">

        <select class="form-control" id="check_id" name="select_card">

            <t t-foreach="contract.partner_id.payment_token_ids" t-as="card">

                <option id="show_cards" t-att-value="card[0]">

                    <t t-esc="card[0].name"/>

                </option>

            </t>

        </select>

    </div>

</t>

< script>
    function onclick_checkbox(){
        var checkBox = document.getElementById("checkbox_1");
        var select = document.getElementById("check_id");
        if (checkBox.checked == true){
            select.style.display = "none";
        } else {
            select.style.display = "block";
        }
    }
< /script>

Regards