Question

如果单击同一文档中的复选框，是否可以重新加载div？

<html:checkbox property="checkbox" styleId="checkbox">
<div id="divToBeRefreshed">
    //content
</div>

我宁愿使用纯javascript，但如果没有其他解决方案，ajax也可以。

Answer 1

@karthick的回答是更改事件，如果未选中该复选框，它将重新加载内容，您也可以使用以下代码

$('#checkbox').change(function(){

    if($(this).is(':checked')){
        // Checkbox is checked.
        $("#divToBeRefreshed").html('your content');
    }else{
        // Checkbox is not checked.
    }   

});

将您的id复选框设置为

id='checkbox'

希望这能帮到你

Answer 2

试试这个

 $("#checkbox").on('change',function(){
       $("#divToBeRefreshed").html('your content');
 });

Answer 3

change事件在值更改时发送给元素。此活动仅限<input> elements, <textarea> boxes and <select> elements。对于选择框，复选框和单选按钮，当用户使用鼠标进行选择时，会立即触发事件。希望这就是你的意思伙伴

HTML

<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car 
<div id="divToBeRefreshed">

</div>

JS

$("input[name=vehicle]").on('change',function(){
      $("#divToBeRefreshed").html($(this).val());
 });

如果要在选中/取消选中复选框时触发事件：也请使用以下代码。

if( $(this).is(':checked') )

小提琴

http://jsfiddle.net/BzgrW/

在复选框单击时重新加载div

3 个答案: