点击id为myCheckbox2的Checkbox时，设置指定Text Box为必填项的问题

你的问题出在选择器范围太广，没有精准定位目标元素，导致操作影响了所有同类元素。以下是修正后的实现方案：

原代码的问题点 #

1. 使用.checkbox类选择器绑定事件，会触发页面中所有带该类的复选框，而非仅#myCheckbox2
2. 使用.inputBox类选择器操作输入框，会修改所有带该类的输入框，而非仅#fname和#lname
3. 变量声明语法错误（var $myCheckbox = $('#myCheckbox2'),多了逗号）
4. 用attr()处理布尔类型的required属性，不如prop()可靠

修正后的代码 #

$(document).ready(function() {
    // 仅绑定目标复选框的change事件
    $('#myCheckbox2').change(function() {
        // 获取当前复选框的勾选状态
        const isChecked = $(this).is(':checked');
        // 仅对指定ID的输入框设置/移除required属性
        $('#fname, #lname').prop('required', isChecked);
    });
});

关键说明 #

• 精准选择器：用$('#myCheckbox2')定位唯一目标复选框，$('#fname, #lname')同时选中两个需要控制的输入框，完全避免影响其他元素
• 布尔属性处理：required是布尔类型属性，使用prop()方法可以更准确地切换其状态，比attr()更适合这类场景
• 简化逻辑：直接通过复选框的勾选状态来设置输入框的required值，无需额外的条件判断

可选：初始化状态处理 #

如果需要页面加载时就根据复选框的初始状态设置输入框的必填性，可以添加初始化逻辑：

$(document).ready(function() {
    const $checkbox = $('#myCheckbox2');
    const $targetInputs = $('#fname, #lname');

    // 页面加载时同步初始状态
    $targetInputs.prop('required', $checkbox.is(':checked'));

    // 绑定状态变更事件
    $checkbox.change(function() {
        $targetInputs.prop('required', $(this).is(':checked'));
    });
});

内容的提问来源于stack exchange，提问作者rimi