リセットを押したら
1 テキストボックスを空に
2 ラジオボタンを初期値へ
3 チェックボックスのチェックをオールクリア
という動作を行いたいのですがラジオとチェックのリセットが行えません。
attrも
試して見ましたが動作しませんでした、どこが間違っているのでしょうか?
よろしくお願いいたします。
jQueryバージョン : jquery-1.11.2
javascript
1 $("#resetBtn").click(function(){ 2 $(".clearBox").val(""); 3 $("#radCam1").prop("checked", true); 4 $('.lsCheck').prop("checked",false); 5 });
html
1<div data-role="content"> 2 <div data-role="main" class="ui-content"> 3 4//テキストボックス部分 リセットされる 5 <div data-role="fieldcontain"> 6 <label for="txtName">Name:</label> 7 <input type="text" name="txtName" id="txtName" class="clearBox"/> 8 </div> 9 <div data-role="fieldcontain"> 10 <label for="txtEmail">e-Mail:</label> 11 <input type="text" name="txtEmail" id="txtEmail" class="clearBox"/> 12 </div> 13 <div data-role="fieldcontain"> 14 <label for="txtConfMail">Confirm e-Mail:</label> 15 <input type="text" name="txtConfMail" id="txtConfMail" class="clearBox"/> 16 </div> 17// ラジオ リセットされない 18 <div data-role="fieldcontain"> 19 <fieldset data-role="controlgroup" data-type="horizontal"> 20 <legend>Camera Type</legend> 21 <input type="radio" name="radCam" id="radCam1" class="radCam" checked="checked"/> 22 <label for="radCam1">DSLR</label> 23 <input type="radio" name="radCam" id="radCam2" class="radCam"/> 24 <label for="radCam2">Point and Shoot</label> 25 <input type="radio" name="radCam" id="radCam3" class="radCam"/> 26 <label for="radCam3">No Camera</label> 27 </fieldset> 28 </div> 29//チェックボックス リセットされない 30 <div data-role="fieldcontain"> 31 <fieldset data-role="controlgroup" id=cbInterest> 32 <legend>Interested in:</legend> 33 <input type="checkbox" name="checkbox2" id="checkbox2_0" class="lsCheck"/> 34 <label for="checkbox2_0">Landscape</label> 35 <input type="checkbox" name="checkbox2" id="checkbox2_1" class="lsCheck"/> 36 <label for="checkbox2_1">Fashion</label> 37 <input type="checkbox" name="checkbox2" id="checkbox2_2" class="lsCheck"/> 38 <label for="checkbox2_2">Food</label> 39 <input type="checkbox" name="checkbox2" id="checkbox2_3" class="lsCheck"/> 40 <label for="checkbox2_3">Portraiture</label> 41 <input type="checkbox" name="checkbox2" id="checkbox2_4" class="lsCheck"/> 42 <label for="checkbox2_4">Sport</label> 43 <input type="checkbox" name="checkbox2" id="cbOther" class="lsCheck"/> 44 <label for="cbOther">Other</label> 45 </fieldset> 46 </div> 47 48 <div data-role="fieldcontain"> 49 <label for="txtOhter">Other Areas:</label> 50 <textarea cols="40" rows="8" name="txtOther" id="txtOther" class="clearBox"></textarea> 51 </div> 52 <p id="erMsgRego" class="erMsg"></p> 53 <button id="regoBtn" data-inline="true">Register</button> 54 <button id="resetBtn" data-inline="true">Start Again</button> 55 </div> 56 57 58<script src="jQuery/jquery-1.11.2.min.js"></script> 59<script src="jQuery/jquery.mobile-1.4.5.min.js"></script> 60<script type="text/javascript" src="js/script.js"></script>
#追記
<script src="jQuery/jquery.mobile-1.4.5.min.js"></script>
を外すと
javascript
1$("#radCam1").prop("checked", true); 2 $('.lsCheck').prop("checked",false);
も動作することがわかりました。
ですがJQMを使用しなければいけないので外すことはできません。
回答3件
あなたの回答
tips
プレビュー