我正试图使一个注册表中不同的选项成为可用的取决于单选按钮选定。然而，当我尝试我可以在互联网上找到我得到一个错误。对于HTML部分，我用途：

<input type="radio" id="Swimmer" name="userType" value="swimmer" onclick="swimmerCheck()">
<label for="Swimmer">Swimmer</label><br>
<input type="radio" id="Coach" name="userType" value="coach">
<label for="Coach">Coach</label><br>
<input type="radio" id="Admin" name="userType" value="admin">
<label for="Admin">Admin</label><br>

<div id="fedNumber" style="display: none;">
<x-label for="federation_number" value="{{ __('Fed Numb') }}" />
<x-input id="federation_number" class="block mt-1 w-full" type="text" name="federation_number" :value="old('federation_number')" autofocus autocomplete="name" />
</div>

而在底部，对于我使用的脚本：

@push('script')
<script>
console.log('hello');
function swimmerCheck() {
if (document.getElementById('Swimmer').@checked(true)) {
 console.log('Checked');
}
 else console.log('Not checked');

}
</script>
@endpush

但是当我按下按钮并查看我的控制台时，它给出了一个关于onclick的错误，说它无法读取属性。
我已经确保@Stack（'script'）也是外部样式的，并且'Hello'控制台日志也可以工作，所以脚本确实可以通过。