gpt4 book ai didi

javascript - 选择复选框、单选按钮和列表

转载 作者:行者123 更新时间:2023-11-28 13:46:22 25 4
gpt4 key购买 nike

我在使用 jQuery/jQuery Mobile 在运行时检查/选择单选按钮、复选框和列表样式时遇到问题。

基本上,我有一个复选框、单选按钮和选择菜单的列表,我想做的是从数据库中获取值,然后从复选框/单选按钮组或选择菜单中选择/勾选正确的项目。

这是我尝试过的简单设置,但没有成功。

HTML:

<fieldset data-role="controlgroup">     
<input type="radio" name="option_radio" id="option_radio_1" value="1" />
<label for="option_radio_1">Option 1</label>
<input type="radio" name="option_radio" id="option_radio_2" value="2" />
<label for="option_radio_2">Option 2</label>
</fieldset>

<fieldset data-role="controlgroup">
<input type="checkbox" name="option_checkbox" id="option_checkbox_1" value="1" />
<label for="option_checkbox_1">Option 1</label>
<input type="checkbox" name="option_checkbox2" id="option_checkbox_2" value="2" />
<label for="option_checkbox_2">Option 2</label>
<input type="checkbox" name="option_checkbox3" id="option_checkbox_3" value="3" />
<label for="option_checkbox_3">Option 3</label>
</fieldset>

<select name="option_list" id="option_list">
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
<option value="60">60</option>
<option value="70">70</option>
</select>

JS:

$("#option_checkbox_1").val(option_id); 
$("#option_list").val(optionlist_id);
$('input:radio[name=gender]:checked').val(gender_id);

我尝试的是将数据库中的值(例如 1/2/3/4 等)直接从数据库传递到元素。

谁能告诉我具体应该如何完成?

最佳答案

要检查它或给出一个值:

$('#option_checkbox_1').attr('checked', 'checked');
$('input:radio[id=option_radio_1]').attr('checked', 'checked');
$("#option_list").val(50);

要取消选中(通过完全删除属性),请执行

$('#option_checkbox_1').removeAttr('checked');
$('input:radio[name=gender]:checked').removeAttr('checked');

我想这就是你想要的

$('#option_checkbox_'+option_id).attr('checked', 'checked');
$('input:radio[id='+gender_id+']').attr('checked', 'checked');
$("#option_list").val(optionlist_id);

关于javascript - 选择复选框、单选按钮和列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14083672/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com