chckBox样式的修改

在Android开发中,系统自带的默认CheckBox由于比较简陋,可能难以满足部分人的审美需求,不过,Android具有很强的扩展性,自定义CheckBox其实也很简单。

1. Layout中定义CheckBox   <CheckBox android:textSize="14.0sp" android:id="@id/my_checkbox" android:background="@null"      android:layout_width="wrap_content" android:layout_height="wrap_content" android:button="@drawable/cb_selector" android:text="自定义CheckBox" />

2. 然后定义cb_selector.xml   <?xml version="1.0" encoding="utf-8"?>

<selector   xmlns:android="http://schemas.android.com/apk/res/android">    

  <item android:state_checked="false" android:drawable="@drawable/cb_unchecked" />    

  <item android:state_checked="true" android:drawable="@drawable/cb_checked" />

</selector>

这里需要自定义两张图片,cb_unchecked.png 和 cb_checked.png分别代表未选中和选中状态。

 

转载于:https://www.cnblogs.com/sunfb/p/3177485.html

在JavaScript中,可以使用以下几种方法来控制和处理复选框(checkbox): 1. 获取复选框状态:使用`document.getElementById`或其他选择器方法获取复选框元素的引用,然后使用`checked`属性来获取或设置复选框的选中状态。例如: ```javascript var checkbox = document.getElementById('myCheckbox'); var isChecked = checkbox.checked; // 获取复选框的选中状态 ``` 2. 设置复选框状态:同样使用`checked`属性来设置复选框的选中状态。例如: ```javascript var checkbox = document.getElementById('myCheckbox'); checkbox.checked = true; // 设置复选框为选中状态 ``` 3. 监听复选框状态变化:可以使用`addEventListener`方法来为复选框添加状态变化的监听器,以便在复选框状态发生变化时执行相应的操作。例如: ```javascript var checkbox = document.getElementById('myCheckbox'); checkbox.addEventListener('change', function() { if (checkbox.checked) { // 复选框被选中时执行的操作 } else { // 复选框取消选中时执行的操作 } }); ``` 4. 处理复选框组:如果有多个复选框组成一个组,可以使用相同的名称来关联它们,然后在处理时使用`name`属性来获取它们的状态。例如: ```html <input type="checkbox" name="fruits" value="apple"> Apple <input type="checkbox" name="fruits" value="banana"> Banana <input type="checkbox" name="fruits" value="orange"> Orange ``` ```javascript var checkboxes = document.getElementsByName('fruits'); for (var i = 0; i < checkboxes.length; i++) { if (checkboxes[i].checked) { // 处理选中的复选框 console.log(checkboxes[i].value); } } ``` 以上是一些基本的操作复选框的方法,你可以根据具体需求来使用这些方法。希望对你有所帮助!如果还有其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值