radio button 简易使用

本文详细介绍了在MFC应用程序中如何设置Radio Button的默认选中状态,并提供了三种实现方法。此外,还讲解了如何区分不同的Radio Button组以及如何响应鼠标单击事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先为对话框加上2个radio button,分别是Radio1和Radio2。

问题1:如何让Radio1或者Radio2默认选上?如何知道哪个被选上了?

    关键是选上,"默认"只要放在OnInitDialog()即可。三种方法可以让它选上,
    第一种:
    ((CButton *)GetDlgItem(IDC_RADIO1))->SetCheck(TRUE);//选上
    ((CButton *)GetDlgItem(IDC_RADIO1))->SetCheck(FALSE);//不选上
    ((CButton *)GetDlgItem(IDC_RADIO1))->GetCheck();返回1表示选上,0表示没选上

    第二种:
    关联一个control型变量(子类化),好ctrl+W(即打开classwizard),点开 Member Variables,咦?怎么没有IDC_RADIO1这个ID?原来是没有分组。因为radio button通常都是成组使用的,在一组里面是互斥的。取消,回到对话框资源面板,右键Radio1查看属性把Group选上,那么,Radio1和Radio2就是一组了(怎么知道他们是一组的?后面说)。此时,就可以为Radio1增加一control型变量m_ctrlRadio1了。如下:
    m_ctrlRadio1.SetCheck(TRUE);
    同样可以使用GetCheck()获取状态。

    第三种:
    关联一个int型变量(同样需要先分组)m_nRadio1,打开对话框构造函数,你会发现有:
m_nRadio1 = -1;m_nRadio1别赋值-1表示哪个都没有选上。如果你把-1改成0,就会发现Radio1默认被选上了,依此类推,m_nRadio1的值为1就是第二个被选上了(这里同样有问题,哪个是第一个?哪个是第二个?)。获取状态很简单,updateData(TRUE)后判断m_nRadio1的值即可。

    问题2:如何使用多组?

    多组和一组是一样的使用,只要搞清楚哪个是哪一组的就行了。再为对话框添加Radio3和Radio4。很简单,先为这些Radio Button排个顺序,就是排列他们的TAB ORDER。在对话框资源面板上Ctrl+D,然后按你自己的理想顺序用鼠标逐个点击就可以了。不妨假设Radio1、Radio2、Radio3、Radio4分别是1、2、3、4。Radio1和Radio3都选上Group属性,那么,1、2是一组,3、4是另外一组,因为分组的原则是在选上Group属性的这一个开始直到碰到下一个选上Group属性的。你不妨再Ctrl+D,令Radio1、Radio2、Radio3、Radio4分别是1、3、2、4,那么Radio1和Radio3是一组,如果m_nRadio1=1,此时是Radio3被选上而不是Radio2被选上。分好了组就分别使用它们吧。

    嗯,也许你还要为它们添加鼠标单击事件,非常简单。 
### 如何在HTML中使用`<button>`元素与`onclick`事件 在HTML中,`<button>`元素是一种常用的交互控件,可以用于触发JavaScript中的特定功能。通过结合`onclick`属性,可以在用户点击按钮时执行指定的脚本逻辑。 #### 基础语法 以下是创建带有`onclick`事件处理程序的`<button>`元素的基本结构: ```html <button onclick="myFunction()">Click Me</button> <script> function myFunction() { alert('Button was clicked!'); } </script> ``` 在此示例中,当用户单击按钮时会调用名为`myFunction()`的函数[^1]。此函数会在浏览器窗口中显示一个警告框。 #### 使用外部JavaScript文件 为了提高代码可维护性和分离关注点,通常建议将JavaScript代码放在单独的`.js`文件中。下面是如何实现这一点的方法: 假设有一个名为`scripts.js`的文件,其中定义了一个简单的函数: ```javascript // scripts.js function externalFunction() { console.log('External function executed.'); } ``` 然后,在HTML文档中可以通过如下方式引用并绑定到`<button>`上: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="scripts.js"></script> </head> <body> <button onclick="externalFunction()">Execute External Function</button> </body> </html> ``` 这样做的好处是可以更轻松地管理复杂的项目,并使前端开发更加模块化和清晰[^2]。 #### 动态修改DOM节点 除了直接运行预设好的函数外,还可以利用`onclick`动态改变页面上的其他部分的内容或者状态。例如,隐藏某个输入框或将新的表单项添加进去。 考虑这样一个场景——基于用户的选项启用或禁用文本区域。这里提供了一种解决方案作为例子说明如何操作DOM树内的对象[^3]: ```html <input type="radio" name="work_abroad" id="work_abroad_y" value="y" onclick="enableElement(this.form.work_permit);"> <label for='work_abroad_y'>Yes</label> <input type="radio" name="work_abroad" id="work_abroad_n" value="n" onclick="disableElement(this.form.work_permit);"> <label for='work_abroad_n'>No</label> <textarea name="work_permit" rows="3" cols="35" disabled></textarea> <script> function enableElement(element){ element.removeAttribute('disabled'); } function disableElement(element){ element.setAttribute('disabled', true); } </script> ``` 在这个片段里,“愿意在国外工作?”这个问题的回答决定了下方关于获取工作许可的信息字段是否可用。如果选择了“Yes”,则允许编辑;反之,则将其锁定不可更改。 #### 结合实际应用案例 最后来看一下另一个实用的例子:构建一个简易DOI查询工具。这个工具有助于快速定位学术文章的位置并通过单一动作完成下载准备过程[^4]。 ```html <form action="/search_doi" method="get"> <div> <label for="doi">Enter your DOI:</label><br/> <input type="text" id="doi" name="doi"/> </div> <br/> <div> <button type="submit" onclick="handleOpen();return false;">Open</button> </div> </form> <script> function handleOpen(){ const doiValue = document.getElementById('doi').value; window.location.href=`https://dx.doi.org/${encodeURIComponent(doiValue)}`; } </script> ``` 在这里,我们不仅展示了如何设置`onclick`行为,还学习到了怎样安全有效地重定向至目标URL地址而不提交整个表单数据。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值