$('input[name="CategoryCode"]:checked')[0];

$('input[name="CategoryCode"]:checked')[0] 是一段使用 jQuery 选择器的代码，它的作用是从页面中选择所有名称为 CategoryCode 的单选按钮（<input> 元素）中已经被选中的第一个元素，并获取其原生 DOM 对象。以下是代码的逐步解析：

代码解析

1. $('input[name="CategoryCode"]:checked')
   • $ 是 jQuery 的入口函数。
   • input[name="CategoryCode"] 是一个选择器，表示选择所有 name 属性为 "CategoryCode" 的 <input> 元素。
   • :checked 是一个伪类选择器，用于筛选出已经被选中的单选按钮或复选框。
   • 结合起来，$('input[name="CategoryCode"]:checked') 会返回一个 jQuery 对象，包含所有被选中的 name="CategoryCode" 的单选按钮。
2. [0]
   • jQuery 返回的是一个类数组对象（jQuery 对象）。通过 [0]，可以获取该 jQuery 对象中的第一个原生 DOM 元素。

使用场景

这段代码通常用于以下场景：

• 当页面中有多个单选按钮（<input type="radio">），它们的 name 属性都为 "CategoryCode"。
• 你希望获取当前被选中的单选按钮的原生 DOM 对象，以便进一步操作（如获取其值、设置属性等）。

示例代码

假设页面中有以下 HTML：

HTML复制

<input type="radio" name="CategoryCode" value="1"> 类别1
<input type="radio" name="CategoryCode" value="2"> 类别2
<input type="radio" name="CategoryCode" value="3"> 类别3

预览

如果用户选择了第二个单选按钮，那么：

JavaScript复制

var selectedRadio = $('input[name="CategoryCode"]:checked')[0];
console.log(selectedRadio.value); // 输出：2

注意事项

1. 确保 jQuery 已加载：这段代码依赖于 jQuery，因此必须在页面中正确加载了 jQuery 库后才能使用。
2. 可能为空：如果没有任何单选按钮被选中，$('input[name="CategoryCode"]:checked') 将返回一个空的 jQuery 对象，[0] 会返回 undefined。因此，在使用时最好进行检查：
   JavaScript复制

   var selectedRadio = $('input[name="CategoryCode"]:checked')[0];
   if (selectedRadio) {
       console.log(selectedRadio.value);
   } else {
       console.log("没有选中的单选按钮");
   }