JQuery中用于复选框的Modity HTML
我目前在Jquery中有以下函数,它返回正确的信息集:JQuery中用于复选框的Modity HTML,jquery,html,Jquery,Html,我目前在Jquery中有以下函数,它返回正确的信息集: function checkAllPriceBuilderBoxes() { var contentzz = $("#props #itemEditor #builderItemsList .listItem .controlCtr").html(); console.log(contentzz) } contentzz返回以下html: <input class="control" style="" type="c
function checkAllPriceBuilderBoxes() {
var contentzz = $("#props #itemEditor #builderItemsList .listItem .controlCtr").html();
console.log(contentzz)
}
contentzz
返回以下html:
<input class="control" style="" type="checkbox" _type="checkbox" value="No">
想法?您需要向元素添加属性。使用
.attr()
:
如果要在添加属性后修改字符串,则需要使用修改后的字符串元素覆盖contenzz字符串
contentzz = $(contentzz).attr('checked',true)[0].outerHTML;
使用find函数并更改页面上的dom元素,而不是html字符串:
var contentzz = $("#props #itemEditor #builderItemsList .listItem .controlCtr").find('.control');
console.log(contentzz[0]);
contentzz.attr('checked','checked');
console.log(contentzz[0]);
var contentzz=$(“.controlCtr”).find(“.control”);
console.log(contentzz[0]);
contentzz.attr('checked','checked');
console.log(contentzz[0])代码>
您需要使用来添加checked
属性和用于获取outerHTML
属性
var contentzz='';
contentzz=$(contentzz.attr(“选中”,true).prop('outerHTML');
console.log(contentzz)
var contentzz='';
contentzz=$(contentzz.attr(“选中”,true).prop('outerHTML');
console.log(contentzz)
在jQuery中,选中所有复选框的首选方法是:
$(SELECTOR).prop("checked", true);
如果使用jQuery 1.6之前的版本,则:
$(SELECTOR).attr("checked", true);
使用JavaScript,您必须循环遍历NodeList/HTML复选框集合,或者将NodeList转换为真正的数组。在每次迭代中,请使用以下命令:
OBJECT.setAttribute('checked', true);
以下代码段具有两个功能:checkAllvJQ()
和checkAllvJS()
。它们都分别选中给定jQuery和JavaScript对象的所有复选框
一小条
$('btn1')。在('click',function()上{
选中所有VJQ(“builderItemsList.listItem.controlCtr输入”);
});
功能检查所有VJQ(目标){
var tgt=$(目标);
tgt.道具(“已检查”,正确);
}
var btn2=document.getElementById('btn2');
btn2.addEventListener('click',函数(){
选中AllVJS(“builderItemsList.listItem.controlCtr输入”);
},假);
函数checkAllvJS(目标){
var tgt=document.queryselectoral(目标);
from(tgt,input=>input.setAttribute('checked',true));
}
checkAllvJQ
CheckAllvJS
-
-
-
$(contentzz).attr(“选中”,为真)
您还应该使用$(“#builderItemsList.listItem.controlCtr”)
这似乎不起作用:/contentzz.attr(“选中”,true);仍然返回相同的HTML@alexjohnson:您需要用修改后的string元素覆盖contenzz字符串。像这样contentzz=$(contentzz).attr('checked',true)[0]
$(SELECTOR).prop("checked", true);
$(SELECTOR).attr("checked", true);
OBJECT.setAttribute('checked', true);