当前位置: 代码迷 >> Java Web开发 >> 动态删除div及里面的某个选项解决思路
  详细解决方案

动态删除div及里面的某个选项解决思路

热度:121   发布时间:2016-04-16 21:37:37.0
动态删除div及里面的某个选项
这是单选题我想要即可以删除整个单选,也可以删除某个选项,求大神知道
------解决思路----------------------
既然你是用jq进行动态添加单选的话,那么我建议你不要这样进行拼接代码,因为这样,就算拼接中有divid,采用$("#divid").remove()也移除不了,所以,
 function addRadio(){
            count++;
    var $text = $("第"+count+"题");
            var $inputRadioTitle = $("<input type='text' class='form-control' name='titleRadio' id='titleRadio' placeholder='单选标题'/>");
var $inputRadio1 = $("<input type='button' onclick='addOption("+count+")' value='添加选项'/><br/>");
var $inputRadio2 = $("<input type='hidden' name='radioId' value='"+count+"'/><br/>");
                    //如:移除选项,绑定事件
                    $inputRadio1.bind("click",function(){
$(this).remove();
})
var $inputRadio3 = $("<input type='radio' value='optionRadio' name='option'/><input type='text' name='optionRadio"+count+"' placeholder='选项'/><br/>");
var $inputRadio4 = $("<input type='radio' value='optionRadio' name='option'/><input type='text' name='optionRadio"+count+"' placeholder='选项'/>");

   var $div = $("div id='"+count+"'></div>");
   $("#div1").append($inputRadioTitle);
   $("#div1").append($inputRadio1);
   $("#div1").append($inputRadio2);
           $("#div1").append($inputRadio3);
           $("#div1").append($inputRadio4);
           $("#div1").append($div);
}
  相关解决方案