javascript - 想要给每个元素不同的ID

Question

我想将 HTML 标记添加到值中。 http://jsfiddle.net/iamakshay04/seyzta8c/1/

上面是 fiddle 。单击复选框时，将打印值，我想将每个值打印为不同的 html 元素。 <p>1</p> <p>2</p> <p>3</p>

$('.ads_Checkbox').click(function() {
    var sel = $('input[type=checkbox]:checked').map(function(_, el) {
        return $(el).val();
    }).get();
    
    document.getElementById("demo").innerHTML = sel;
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input  id="ad_Checkbox1" class="ads_Checkbox" type="checkbox" value="1" />
<input  id="ad_Checkbox2" class="ads_Checkbox" type="checkbox" value="2" />
<input  id="ad_Checkbox3" class="ads_Checkbox" type="checkbox" value="3" />
<input  id="ad_Checkbox4" class="ads_Checkbox" type="checkbox" value="4" />
<input type="button" id="save_value" name="save_value" value="Save" />

<p id="demo">

</p>

Answer 1

如果您想将值显示为不同的元素，请尝试在下面尝试在读取值时添加段落。

$('.ads_Checkbox').click(function() {
    var sel = $('input[type=checkbox]:checked').map(function(_, el) {
        return "<p>"+ $(el).val() + "</p>";
    }).get();
    
    document.getElementById("demo").innerHTML = sel;
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input  id="ad_Checkbox1" class="ads_Checkbox" type="checkbox" value="1" />
<input  id="ad_Checkbox2" class="ads_Checkbox" type="checkbox" value="2" />
<input  id="ad_Checkbox3" class="ads_Checkbox" type="checkbox" value="3" />
<input  id="ad_Checkbox4" class="ads_Checkbox" type="checkbox" value="4" />
<input type="button" id="save_value" name="save_value" value="Save" />

<p id="demo">

</p>