gpt4 book ai didi

javascript - 如何获取动态追加复选框列表中的值

转载 作者:行者123 更新时间:2023-11-28 07:21:24 26 4
gpt4 key购买 nike

我已经创建了 UI 作为我想要输入数据的方式。

选择产品名称后,该产品的口味会通过复选框动态附加。

所有复选框数据均使用JS函数动态追加。之后,我尝试在单击按钮时将这些数据插入数据库。但我在如何获取已选中的复选框列表的 ID 方面遇到问题。

谁能帮我解决这个问题吗?

我正在使用 Codeigniter 框架进行开发。

JS:

var ptype = $j("#cmb_freeproduct_type").val();        
//alert(ptype);
//$j('#eqtyrw').hide(500);
$j.ajax({
type: 'post',
url: 'loadFlavorTypes',
data: {ptype:ptype},
success: function (data) {
alert(data);
var result = JSON.parse(data);
//alert(result);
var datas = [];

for (var x = 0; x < result.length; x++) {


datas.push('<tr id="'+result[x].product_flavour_id+'">'
+'<td>'
+'<input type="checkbox" name="fflavor_wise" id="fflavor_wise'+x+'" autocomplete="off" value=""></input>'
+'</td>'
+'<td id="fflavor'+x+'"> <b>'+result[x].product_flavour+'</b> </td>'

+'</tr>');

}
$j("#flavors_for_product_free").html(datas);
},
error: function(data){
alert('error');
}
});

最佳答案

jQuery:

// Find all checkboxes on the page that are currently checked.
var checked = $("input[type=checkbox]:checked");

纯 JavaScript:

// Find all input elements.
var inputs = document.getElementsByTagName("input");
var checked = [];

// Cycle our input elements list and find the checkboxes
// that are checked.
for ( var i = 0; i < inputs.length; i++ ) {
if ( inputs[i].type == "checkbox" && inputs[i].checked ) {
checked.push(inputs[i]);
}
}

无论哪种情况,您现在都会有一个包含选中复选框的数组。获取这些 ID 应该非常简单。

在比较这些技术时使用 jQuery 的有力论据。

关于javascript - 如何获取动态追加复选框列表中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30272666/

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