Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery中用于复选框的Modity HTML_Jquery_Html - Fatal编程技术网

JQuery中用于复选框的Modity HTML

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

我目前在Jquery中有以下函数,它返回正确的信息集:

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);