1

そのmaindiv内にいくつかのhtml要素を追加するためのdiv<div id="maindiv"></div>といくつかのチェックボックスがあります。

<div id="subdiv"></div>そのチェックボックスをチェックすると、その要素が含まれていないことを確認してから追加する必要があります。サブディビジョン ID は、選択したチェックボックスによって異なります。

チェックボックスをオフにすると<div id="subdiv"></div>、存在する場合を削除する必要があります。

jqueryを使用してどのように行うことができますか?

4

4 に答える 4

2

これを試して：

    $(function() {
        var chk = "<input id=\"sex\" name=\"sex\" type=\"checkbox\">";
        var sub = "<div id=\"subdiv\">hello</div>";
        $("#container").prepend(chk);

        $("#sex").click(function(event) {
            if ($("#maindiv").data('sex')) {
                $("#maindiv").data('sex', false);

                $("#subdiv").remove();
            } else {
                $("#maindiv").data('sex', true);
                $("#maindiv").append(sub);
            }
        });             
    });

HTML:

<div id="container">
    <div id="maindiv">main</div>
</div>

データを使用してチェックを行いました。

于 2009-11-21T12:08:48.147 に答える
1

HTMLに追加<div id="subdiv"></div>して、必要なときにこの div を非表示/表示してみませんか?

于 2009-11-21T11:39:00.190 に答える
0 
$('#my-checkbox').change(function() {
  if ($(this).is(':checked')) {
    if (!$('#subdiv').length) {
      $('#maindiv').append('<div id="subdiv">...</div>');
    }
  } else {
    $('#subdiv').remove();
  }
});
于 2009-11-21T12:31:04.523 に答える
0 
function myToggle() {
  if($("#mycheck:checked").val()!=null) {
    //check is true
    $("#maindiv").append("<div id='subdiv'></div>");
  }
  else {
    //check is false
    $("#subdiv").remove();
  }
}
于 2009-11-21T11:42:29.143 に答える