I檢查複選框沒有得到選中

在這裏，我用I檢查checkbox.When我檢查和手動取消選中該複選框，它工作得很好，因爲我已經寫了下面的代碼

//if checkbox "Product Feed Url" is unchecked,show the feed textbox 
$('#crawlingUrl').on('ifUnchecked', function(event){ 
    $("#feedUrl").show(); 
}); 

//if checkbox of "Product Feed Url" is checked,hide the feed textbox 
$('#crawlingUrl').on('ifChecked', function(event){ 
    $("#feedUrl").hide(); 
    $("#feedUrl-error").hide(); 
});

點擊取消按鈕，我重置我的表單元素並將其隱藏並顯示商店div列表。在取消按鈕上，我也嘗試使用以下選項取消選中複選框，但它們都不起作用。

//$("#crawlingUrl").iCheck('uncheck'); 
//$("#feedDiv").find('#crawlingUrl').iCheck('uncheck'); 
//$("#feedDiv .clsCheckBox").iCheck('uncheck'); 
$("input[name=crawlingUrl]").iCheck('uncheck');

當我再次打開我的表單輸入值，複選框沒有得到unchecked.Can有人告訴我該怎麼解決這個問題？

截圖檢查元素

來源

2017-09-23 Gunjan Aswani

請編輯將html和jquery代碼作爲文本提問並粘貼，而不是圖片，因此我們可以直接複製它以檢查出 –

編輯該問題。 –

請粘貼您的原始HTML。用你的確切情況創造一個小提琴 –

我想你可以混合使用form和 'I檢查複選框' 的，我的例子是OK：

$('input').iCheck({ 
 
    // base class added to customized checkboxes 
 
    checkboxClass: 'custom-icheckbox' 
 
}); 
 
//if checkbox "Product Feed Url" is unchecked,show the feed textbox 
 
$('#crawlingUrl').on('ifUnchecked', function(event){ 
 
    $("#feedUrl").show(); 
 
}); 
 

 
//if checkbox of "Product Feed Url" is checked,hide the feed textbox 
 
$('#crawlingUrl').on('ifChecked', function(event){ 
 
    $("#feedUrl").hide(); 
 
    $("#feedUrl-error").hide(); 
 
}); 
 
function resetForm(){ 
 
$('form')[0].reset(); 
 
//$("#crawlingUrl").iCheck('uncheck'); 
 
//$("#feedDiv").find('#crawlingUrl').iCheck('uncheck'); 
 
//$("#feedDiv .clsCheckBox").iCheck('uncheck'); 
 
$("input[name=crawlingUrl]").iCheck('uncheck'); 
 
}

.custom-icheckbox { 
 
    height: 20px; 
 
    width: 20px; 
 
    border: 1px solid red; 
 
} 
 
.resetBtn { 
 
border:1px solid gray; 
 
width: 50px; 
 
height: 30px; 
 
}

<script 
 
    src="https://code.jquery.com/jquery-2.2.4.min.js" 
 
    integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" 
 
    crossorigin="anonymous"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/icheck.js"></script> 
 
    <input type="checkbox" id="crawlingUrl" name="crawlingUrl" value="enable" /> 
 
    <form action="/"> 
 
<label for="feedUrl">hint: </label> 
 
<input type="text" id="feedUrl" name="feedUrl"/> 
 
<label id="feedUrl-error" for="feedUrl">Error</label> 
 
<div class="resetBtn" onClick="resetForm()">reset</div> 
 
</form>

來源

2017-09-23 06:36:48 JiangangXiong

I檢查複選框沒有得到選中

回答

相關問題