HTML代 复制代 代码如下: 1 2 3 4 タイプを通ってRadioButtonListの値を取得 A B C D 名前を通ってラジオの値を取得 A B C D 通过名前获得CheckBoxの値 完全 反选 <オプション値="A1">A1 A2 A3 A4 複数の値を取得 追加 移削除 <オプション値="B1">B1 B2 B3 B4 選択された値を取得 追加 移削除 jQuery代码 复制代码 代码如下: <br>$(document).ready(function () { <br>//RadioButtonList の値を取得 <br>$("#btnGetRadioButtonListValue").click(function () { <br>if ($("input[ type=radio]:checked").val() == null) { <br>alert("请选择"); <br>return false; <br>} <br>alert($("input[type= radio]:checked").val()); <br>}); <br>//Html のラジオの値を取得 <br>$("#btnGetRadioValue").click(function () { <br>if ($("input[name='radioSelect']:checked").val() == null) { <br>alert("请选择"); <br>return false; <br>alert ($("input[name='radioSelect']:checked").val()); <br>//取得CheckBoxの値 <br>$("#btnGetCheckBoxValue").click( function () { <br>var 値 = ""; <br>$("input[name='chkSelect']").each(function () { <br>if ($(this).attr("checked ")) { <br>values = $(this).val() ","; <br>} <br>}); <br>if (values == "") { <br>alert("请)选择"); <br>return false; <br>} <br>values = value.substring(0, value.length - 1); //去掉尾部, <br>alert(values); <br>}) ; <br>//全选 <br>$("#btnSelectAllOn").click(function () { <br>$("input[name='chkSelect']").each(function () { <br>$(this).attr("チェック済み", true); <br>}); <br>}); <br>// 返される <br>$("#btnSelectAllOff").click(function () { <br>$("input[name='chkSelect']").each(function () { <br> $(this).attr("チェック済み", <br>}); <br>//複数の値を取得 <br>$("#btnGetMultipleValue").click(function () { <br>var value = ""; <br>$("#multiple1 option:selected").each (function () { <br>values = $(this).val() ","; <br>}) <br>values = value.substring(0, value.length - 1); //去掉尾部, <br>アラート(値) <br>}); <br>//Multiple のオプションを追加 <br>$("#btnAddMultipleOption").click(function () { <br>$("#multiple1").append("<option value='AX'> AX</option>"); <br>}); <br>//削除Multiple所选Option <br>$("#btnRemoveMultipleOption").click(function () { <br>$("#multiple1 option").remove("option:selected"); <br>}); <br>//取得Selectの値 <br>$("#btnGetSelectValue").click(function () { <br>alert($("#select1 option:selected").val()); <br> }); <br>//追加Selectのオプション <br>$("#btnAddSelectOption").click(function () { <br>$("#select1").append("<option value='BX'> BX</option>"); <br>}); <br>//移除Select所选Option <br>$("#btnRemoveSelectOption").click(function () { <br>$("#select1 option").remove("option:selected"); <br>}); <br>}); <br>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
