checkbox设置单选

http://blog.sina.com.cn/s/blog_4550f3ca010137td.html

$("*")  ‘表示获取所有对象   
$("#XXX") ’获得 id=XXX 的元素对象(id可以是标签的id或CSS样式id) 

$("input[name='username']")   获得input标签中name='userName'的元素对象 

$(".abc") ' 获得样式class的名字是.abc的元素对象  
$("div") ' 标签选择器 选择所有的div元素  常用
$("#a,.b,span") '表示获得ID是a的元素和使用了类样式b的元素以及所有的span元素
$("#a .b p") 'ID号是a的并且使用了 b样式的 所有的p元素

 

checkbox设置单选,

http://bbs.csdn.net/topics/310186895

<input type="checkbox" name="check" οnclick="checkCanel(this)" />A
<input type="checkbox" name="check" οnclick="checkCanel(this)" />B  
<input type="checkbox" name="check" οnclick="checkCanel(this)"/>C  
function checkCanel(Obj){   
$("input[name='check']").each(function(){
$(this).attr("checked",false);
});  
Obj.checked=true;
}

 

 

这个是以name属性作为标识,我做的项目用那么属性控制不是很好,改为使用class属性

<input type="checkbox" class="che" name="check" οnclick="checkCanel(thisck)" />A
<input type="checkbox" class="che"  name="check" οnclick="checkCanel(this)" />B  
<input type="checkbox" class="che"  name="check" οnclick="checkCanel(this)"/>C  
function checkCanel(Obj){   
$(".che").each(function()
{ $(
this).attr("checked",false); });
Obj.checked
=true;
}

 

转载于:https://www.cnblogs.com/LuoXiaoTing604404828/p/5121809.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以使用 `renderer` 属性来实现单选。 首先,你需要定义一个 `columns` 数组,其中包含你的所有列,包括 checkbox 列。在 checkbox 列中,你需要设置 `type` 属性为 `checkbox`,并为每个单元格设置一个 `checked` 属性,以便它们可以显示或隐藏复选框。 然后,你需要为 checkbox设置一个 `renderer` 函数,该函数将返回一个包含复选框的 DOM 元素。在该函数中,你可以使用 `addEventListener` 来为复选框设置单击事件监听器,以便在单选时更新其他单元格的状态。 以下是一个示例代码: ```javascript const columns = [ { data: 'name', title: 'Name' }, { data: 'age', title: 'Age' }, { data: 'selected', title: 'Selected', type: 'checkbox', checked: false, renderer: (instance, td, row, col, prop, value, cellProperties) => { const checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.checked = value; checkbox.addEventListener('click', (event) => { instance.setDataAtRowProp(row, 'selected', !value); for (let i = 0; i < instance.countRows(); i++) { if (i !== row) { instance.setDataAtRowProp(i, 'selected', false); } } }); td.appendChild(checkbox); return td; }, }, ]; const hot = new Handsontable(document.getElementById('example'), { data: data, columns: columns, // ... }); ``` 在上面的示例代码中,我们为 checkbox 列定义了一个 `renderer` 函数,该函数将返回一个包含复选框的 DOM 元素。我们还添加了一个单击事件监听器,当用户单击复选框时,它将更新其他行的状态,以便只有一个行被选中。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值