宝哥软件园

jQuery获取检验盒选中的值

编辑:宝哥软件园 来源:互联网 时间:2021-09-17

1、问题背景

有几个多选框,选择其中的几个,获取选中的值

2、设计结果如下图所示:

3、设计源码

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8'/titlejQuery获取检验盒选中的值/title脚本类型=' text/JAVAScript ' src=' http : jquery-2。2 .0 .js /脚本脚本类型=' text/JavaScript ' $(function(){ $(' input[name=' ckb ']: checkbox ').click(function(){ var str=' ';$(' input[name=' ckb ']:复选框').每个(函数(){ if($(this)).是(' :已选中'){ str=$(this).attr('value ')',';} });if(str!=空字符串。长度1){ str=str。子字符串(0,字符串。长度-1);} alert(str);});});/脚本/头体输入类型=' checkbox '名称=' ckb '值=' 1 '/苹果输入类型='复选框'名称='ckb '值='2'/橘子输入类型='复选框'名称='ckb '值='3'/梨子输入类型='复选框'名称='ckb '值='4'/香蕉/body /html下面给大家分享一段代码关于jQuery操作检验盒的方法(选中,取消,取值)

!' DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN ' HTML HEAD TITLE新文档/TItle meta http-equiv=' Content-Type ' Content=' text/html;charset=UTF-8 '/SCRIPT LANguage=' JAVAScript ' src=' http :http://www。cnjquery。com/demo/jquery。SCRIPT LANGUAGE=' JavaScript '!-$(“文档。quot).ready(function(){ $('#btn1 ')).单击(function(){ $('[name=' checkbox ']').attr('checked ',' true ');//全选}) $('#btn2 ').单击(function(){ $('[name=' checkbox ']').removeAttr(“”选中');//取消全选}) $('#btn3 ').单击(function(){ $('[name=' checkbox ']: even ').attr('checked ',' true ');//选中所有奇数}) $('#btn4 ').单击(function(){ $('[name=' checkbox ']').每个(函数(){ if($(this)).attr('选中){ $(这个).removeAttr(“”选中');} else { $(this).attr('checked ',' true ');} }) }) $('#btn5 ').click(function(){ var str=' ';$('[name='checkbox'][checked]').每个(函数(){ str=$(this)).val()" " r ' n;//alert($(this).val());})警报(字符串);})}))))//////SCRIPT/HEAD BODY表单名称='form1 '方法='post '操作输入类型=' button ' id=' btn1 '值='全选输入类型='button' id='btn2 '值='取消全选输入类型='button' id='btn3 '值='选中所有奇数输入类型='button' id='btn4 '值='反选输入类型='button' id='btn5 '值='获得选中的所有值英国铁路公司输入类型=“复选框”名称=“复选框”值=“复选框1”复选框1输入类型=“复选框”名称=“复选框2”复选框2输入类型=' checkbox ' name=' checkbox ' value=' checkbox ' name=' checkbox ' value=' checkbox 4 ' checkbox 4输入类型=' 复选框“名称=”复选框“值=”复选框5”复选框5输入类型=“复选框”名称=“复选框”值=“复选框6”复选框6以上所述是小编给大家分享的jQuery获取检验盒选中的值,希望对大家有所帮助。

更多资讯
游戏推荐
更多+