[英]How to fix radio button default with two radio button different field
我在网站中有两个单选按钮不同的字段名称。 第一个单选按钮delivery_option(我自己制作),第二个单选按钮(carrier_id)。 我想两个单选按钮之间的关系。 如果我检查delivery_option自动检查单选按钮carrier_id。 如何解决?
<template id="delivery_opt" inherit_id="website_sale.payment" customize_show="True" name="Delivery Option">
<xpath expr="//div[@id='payment_method']" position="before">
<div class="row" id="delivery_option">
<div class="col-lg-5 col-sm-6">
<h4>Choose your Delivery</h4>
<ul class="list-unstyled">
<li>
<label>
<input value="once" type="radio" name="delivery_options"
t-att-checked="order.delivery_options == 'once' and 'checked' or False"
/>
<span>Every day</span>
</label>
</li>
<li>
<label>
<input value="twice" type="radio" name="delivery_options"
t-att-checked="order.delivery_options == 'twice' and 'checked' or False"
/>
<span>Every two day</span>
</label>
</li>
</ul>
</div>
</div>
</xpath>
</template>
<template id="delivery_method_def" name="Delivery Method Default" inherit_id="website_sale.payment">
<xpath expr="//div[@id='payment_method']" position="before">
<div t-if="deliveries" class="row" id="delivery_carrier">
<div class="col-lg-5 col-sm-6">
<h4>Choose your Delivery Method</h4>
<ul class="list-unstyled">
<li t-foreach="deliveries" t-as="delivery">
<t t-if="delivery.available">
<label>
<input t-att-value="delivery.id" type="radio" name="delivery_type"
t-att-checked="order.carrier_id and order.carrier_id.id == delivery.id and 'checked' or False"/>
<abbr t-att-title="delivery.website_description"><span t-field="delivery.name"/></abbr>
<span class="badge" t-field="delivery.price"
t-options='{
"widget": "monetary",
"from_currency": delivery.product_id.company_id.currency_id,
"display_currency": website_sale_order.currency_id
}'/>
<div t-field="delivery.website_description" class="text-muted"/>
</label>
</t>
</li>
</ul>
</div>
</div>
</xpath>
</template>
试试下面的代码。 更改delivery_options字段时,请使用javaScript事件函数;如果delivery_options值为true,则其他字段也会更改。还将id赋给carrier_id。
<input value="once" type="radio" name="delivery_options" id="delivery" onchange="myFunction()" t-att-checked="order.delivery_options == 'once' and 'checked' or False"/>
<script>
function myFunction() {
if($("#delivery_option").checked === true){
$("#carrier_id").val() = "true"
}
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.