CheckBox 选中取值以及回填
2024-10-21 04:56:34
html:
<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
<input name="ck" type="checkbox" value="1"/><span>按计划进行</span>
<input name="ck" type="checkbox" value="2"/><span>进度顺利但有延误风险</span>
<input name="ck" type="checkbox" value="3"/><span>延误</span>
</td>
获取选中值:
1、CheckBox为单选:
$("input:checkbox:checked").val()
或者
$("input:[type='checkbox']:checked").val();
或者
$("input:[name='ck']:checked").val();
2、CheckBox为多选:
$('input:checkbox').each(function() {
if ($(this).attr('checked') ==true) {
alert($(this).val());
}
});
3、全选:
$('input:checkbox').each(function() {
$(this).attr('checked', true);
});
4、全不选:
$('input:checkbox').each(function () {
$(this).attr('checked',false);
});
5、CheckBox回填:
$('input:checkbox:first').attr("checked",'checked');
或者
$('input:checkbox').eq(‘+索引变量+’).attr("checked",'true');
或者
$('input:checkbox[value='+CheckBox值+']').attr('checked','true');
多个回填:
$('input:radio').slice(0,2).attr('checked','true');
6、CheckBox只能单选
$(":checkbox").click(function(){
if($(this).is(':checked')){
$(this).attr('checked',true).siblings().attr('checked',false);
}
});
最新文章
- 前端安全配置之Content-Security-Policy(csp)
- YTU 3027: 哈夫曼编码
- gitlab+gerrit+jenkins持续集成框架
- HttpListenerCS客户端监听http
- Django练习项目之搭建博客
- Android中的一些小知识
- UIButton样式设置
- python爬虫实战(一)--------中国作物种质信息网
- poj 3613 floyd + 快速幂
- git最基础操作一
- 10.Django ModelForm
- DVWA 黑客攻防演练(二)暴力破解 Brute Froce
- Spring Boot的web开发
- mysql 中Varchar 与char的区别
- Java 中的泛型
- yum小结
- 异步加载js文件的方法总结
- Graphviz 的命令行参数说明
- BZOJ 1975: [Sdoi2010]魔法猪学院 大水题 第k短路 spfa
- django-pure-pagination使用方法