后端传值,前端单选框和复选框如何回显
时间: 2023-11-28 07:47:19 浏览: 145
后端传值到前端可以通过模板引擎或者接口返回的数据来实现。对于单选框和复选框,可以通过设置它们的`checked`属性来回显。具体实现方法如下:
单选框:
```
<input type="radio" name="gender" value="male" {% if gender == 'male' %}checked{% endif %}> Male
<input type="radio" name="gender" value="female" {% if gender == 'female' %}checked{% endif %}> Female
```
其中`{% if gender == 'male' %}checked{% endif %}`表示如果gender的值为'male',则该单选框被选中。
复选框:
```
<input type="checkbox" name="hobby" value="reading" {% if 'reading' in hobby %}checked{% endif %}> Reading
<input type="checkbox" name="hobby" value="writing" {% if 'writing' in hobby %}checked{% endif %}> Writing
<input type="checkbox" name="hobby" value="traveling" {% if 'traveling' in hobby %}checked{% endif %}> Traveling
```
其中`{% if 'reading' in hobby %}checked{% endif %}`表示如果'hobby'列表中包含'reading',则该复选框被选中。
阅读全文