如何获取checkbox的value和name

如何获取checkbox的value和name,第1张

给每个checkbox加个class或者name 或id 如果要选择是对象比较少的话。 比较多的话,就选input 然后你再看一下是第几何上input是你所要的。 直接documentgetElementsByTagName("input")[i]value 就可以了

码:<input

type="password"

name="password"

/><br

/>教育<input

type="checkbox"

name="1"

value="教育"

/>

IT<input

type="checkbox"

name="2"

value="IT"

/>

会计<input

type="checkbox"

name="3"

value="会计"

/>

秘书<input

type="checkbox"

name="4"

value="秘书"

/>

银行<input

type="checkbox"

name="5"

value="银行"

/>

美食<input

type="checkbox"

name="6"

value="美食"

/>

其他<input

type="checkbox"

name="7"

value="其他"

/><br

/><select

name="select">

<option

value="北京">北京</option>

<option

value="天津">天津</option>

<option

value="上海">上海</option>

<option

value="深圳">深圳</option></select><br

/><input

type="submit"

value="提交"

/></form>

<input type="checkbox" value="1111"/>1

<input type="checkbox" value="2222"/>2

<input type="checkbox" value="3333"/>3

<input type="checkbox" value="4444"/>4

<input type="checkbox" value="5555"/>5

<input type="checkbox" value="6666"/>6

<input type="button" id="test" value="Click Me"/>

<Script>

$(function(){

   $("#test")on("click",function(){

      var ichk=$("input:checkbox:checked")map(function(){

         return $(this)val();

      })get()join(",");

      alert(ichk);

   })

})

</Script>

1:要看你是否把checkbox设置为服务器控件,如果设置为服务器控件,就可以在cs文件中编写foreach循环,遍历Control控件,判断是否为checkbox。

2:如果不设置为服务器端控件,则需使用js判断。

foreach (Control control in thisFormControls)

{

if (control is stemWebUIWebControlsTextBox) {

TextBox txt = (TextBox)control; txtText = "fdsafds";// stringEmpty;

}

}

这是Textbox的代码,原理与Checkbox相同,自己琢磨下吧。

checkbox的value值

1如果一个数组里面包含对象,那么checkbox可以携带value值,并不影响里面内容的渲染,这个对于当前点击的是谁,有个好的标识。

通过edetailvalue获取。当前点击list的某一项。

以上就是关于如何获取checkbox的value和name全部的内容,包括:如何获取checkbox的value和name、关于checkbox 表单提交的问题 怎么获取到所有的值、jquery怎么获取选中的checkbox的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/9819667.html

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

发表评论

登录后才能评论

评论列表(0条)

保存