html将一个div中已选择的checkbox通过jquery添加到另一个div中

html将一个div中已选择的checkbox通过jquery添加到另一个div中,第1张

js

===========================================================

<script language="javascript" src="script/jquery-1.7.1.min.js"></script>

<script>

function gogogo(ob){

  $('#div2').append('<p>'+ob+'</p>')

}

</script>

html

==============================================================

<div id="div1">

  <p>

    <input type="checkbox" value="西瓜" id="select" onChange="gogogo(this.value)">

    西瓜

    <input type="checkbox" value="香蕉" id="select2" onChange="gogogo(this.value)">

    香蕉

    <input type="checkbox" value="苹果" id="select3" onChange="gogogo(this.value)">

    苹果

    <input type="checkbox" value="葡萄" id="select4" onChange="gogogo(this.value)">

    葡萄</p>

</div>

<div id="div2">

</div>

protected void Page_Load(object sender, EventArgs e)

{

CheckBox chk = new CheckBox()

chk.Text = "testall" // 这里可以换成数据库内容

chk.CheckedChanged += new EventHandler(chk_CheckedChanged)

chk.AutoPostBack = true

Page.Form.Controls.Add(chk)

for (int i = 0i <10i++)

{

CheckBox chk2 = new CheckBox()

chk2.Text = "test" + i.ToString() // 这里可以换成数据库的内容

chk2.Checked = (i % 3 == 0)// 这里可以换成数据库的内容

Page.Form.Controls.Add(chk2)

}

}

void chk_CheckedChanged(object sender, EventArgs e)

{

CheckBox all = sender as CheckBox

foreach(Control ctl in Page.Form.Controls)

{

if (ctl is CheckBox)

{

CheckBox chk = ctl as CheckBox

chk.Checked = all.Checked

}

}

}

我建议你的div单击事件和checkbox单击事件,调用同一个方法,但需要传递参数,就是它们的id,在方法中判断传递过来是哪个id进而进行进一步的 *** 作,比如:

JS里这样写:

function

buttonclick(id)

{

if(id=="div")

{

......

}

else

if(id="checkbox")

{

......

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7924220.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-11
下一篇2023-04-11

发表评论

登录后才能评论

评论列表(0条)

    保存