JSFiddle - React, Tailwind, and code Playground

by nprather

HTML

<ul id="affectsMyCheckBoxes" data-role="listview" data-style="inset" data-type="group">
				<li>
					Affects My:
					<ul>
						<li>
							<label for="editFearCheckbox">
								<input type="checkbox" id="editFearCheckbox" name="AssignedAffectsMy" value="1">Fear
							</label>
						</li>
						<li>
							<label for="editSelfEsteemCheckbox">
								<input type="checkbox" id="editSelfEsteemCheckbox" name="AssignedAffectsMy" value="2">Self-esteem
							</label>
						</li>
						<li>
							<label for="editSecurityCheckbox">
								<input type="checkbox" id="editSecurityCheckbox" name="AssignedAffectsMy" value="3">Security
							</label>
						</li>
						<li>
							<label for="editPersonalRelationshipCheckbox">
								<input type="checkbox" id="editPersonalRelationshipCheckbox" name="AssignedAffectsMy" value="4">Personal relationship
							</label>
						</li>
						<li>
							<label for="editSexRelationsCheckbox">
								<input type="checkbox" id="editSexRelationsCheckbox" name="AssignedAffectsMy" value="5">Sex relations
							</label>
						</li>
						<li>
							<label for="editPrideCheckbox">
								<input type="checkbox" id="editPrideCheckbox" name="AssignedAffectsMy" value="6">Pride
							</label>
						</li>
					</ul>
				</li>
			</ul>

JavaScript

//var ss = $("#affectsMyCheckBoxes input:checkbox");

//ss.each( function(a) {

//console.log($(this));

//} )


var myAffects = "Fear, Personal relationship, Sex relations, Pride";

 var arrayOfStrings = myAffects.split(',');

for (var i=0; i < arrayOfStrings.length; i++) {
    
    console.log(arrayOfStrings[i]);
    
}