jQuery中的input選中狀態是開發者經常需要處理的一個問題。在表單中,有時候需要對輸入框的選中狀態進行操作,比如設置默認選中或取消選中等操作。以下是一些常用的jQuery代碼實現:
//選中 $("input[type='checkbox']").prop("checked", true); //取消選中 $("input[type='checkbox']").prop("checked", false); //切換選中狀態 $("input[type='checkbox']").prop("checked", function(i, val) { return !val; }); //設置默認選中 $("input[type='checkbox']").prop("checked", function(i, val) { return true; });
以上代碼中,$("input[type='checkbox']")表示選取所有的復選框,可以根據需要進行改變。prop方法可以獲取或設置DOM屬性的值,通過改變checked屬性的值來控制輸入框的選中狀態。
除了復選框,單選框和多行文本框的選中狀態也可以使用類似的方法進行控制。對于單選框,可以選定某一項并取消其他項的選中狀態:
//選中某一項 $("input[name='radio']").eq(0).prop("checked", true); //取消其他項的選中狀態 $("input[name='radio']").not(":eq(0)").prop("checked", false);
同時,通過val()方法可以獲取或設置輸入框的值:
//獲取輸入框的值 var inputValue = $("input[type='text']").val(); //設置輸入框的值 $("input[type='text']").val("default value");
以上就是關于jQuery中input選中狀態的一些基本內容,開發者可以通過這些代碼對表單輸入框的選中狀態進行操作。
下一篇dockerrkt