Jquery复选框问题
Jquery checkbox trouble
我的jqgrid中有一个按钮。这方面的代码是<a class="row-delete" align="left" onclick="deleteItem()"
.
删除项方法是
function deleteItem(){
if (confirm("Are you sure you want to delete?")) {
var selected = new Array();
$('input:checked').each(function() {
selected.push($(this).attr('id'));
});
alert(selected);
}
}
在这里,我正在尝试获取所选复选框的id。但显示警报消息。我在var选择行之前尝试了警报(hi)。即使那也不是印刷。我的代码中有什么问题?
我的整个代码是
<script type="text/javascript">
/* <![CDATA[ */
function setfocus(){
document.getElementById("hidden").focus();
}
function selectOverride(){
overrideCheckedFunc();
}
function selectLowerRuns(obj){
if (obj.options[1].selected){
obj.options[0].selected = true;
}
}
function resetForm(name){
jQuery('#' + name ).find('input[type=checkbox]:checked').removeAttr('checked');
jQuery("input[name='programContactForm':statusRadio']:checked").removeAttr('checked');
jQuery(".filterKeyword").val("");
}
function resetModalPanel(name){
jQuery(':input','#' + name)
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
}
function checkAll( id, name )
{
jQuery( "#" + name + " :checkbox").attr('checked', jQuery('#' + id).is(':checked'));
}
function toggleAll(obj,divId){
if(!obj.checked)
jQuery("#"+divId).find("input:checkbox").removeAttr('checked');
}
function confirm_delete() {
if (!confirm("Are you sure you want to delete?")) return false;
return true;
}
function deleteItem(){
if (confirm("Are you sure you want to delete?")) {
var selected = new Array();
$('input:checked').each(function() {
selected.push($(this).attr('id'));
});
alert(selected);
}
}
var searchUrl = "#{request.contextPath}/seam/resource/restv1/access/search?pid=#{program.id}&ptype=#{program.lkpProgType}";
var progHide = true;
var adminHide = true;
checkBoxHide = false;
jQuery(document).ready(function() {
if (#{program.lkpProgType == lookupManager.lkpIdByName('TV_SERIES') })
progHide = false;
else
progHide = true;
});
jQuery(document).ready(function() {
if (#{s:hasRole('ROLE_ADMIN_TITLE_SETUP')})
adminHide = false;
else
adminHide = true;
});
function gridReload(){
var jqG= jQuery("#progAccessSearchResults").jqGrid('setGridParam',{
page:1,
postData:{
'keyword': function(){ return jQuery(".filterKeyword").val();},
'distTypeLkpId': function(){
var distTypeLkpId = new Array();
jQuery('input:checkbox:checked', "#checkBoxDiv").each(function() {
distTypeLkpId.push(jQuery(this).val());
});
return distTypeLkpId;
},
'tigresContractStatus' : function(){
var status = jQuery("input[name='programContactForm':statusRadio']:checked").val();
return status;
},
'includeExpired' : function(){ return jQuery(".includeExpire").is(':checked')}
}
}).trigger("reloadGrid");
}
function checkBoxChecked()
{
try{
var checkboxes=document.getElementsByName("test");
// alert(document.getElementById("mastercheck").checked);
for(i=0;i<document.getElementsByName("test").length;i++)
{
checkboxes[i].checked = "checked";
}
}
catch(e)
{
}
//alert(document.getElementById("mastercheck").checked);
document.getElementById("mastercheck").checked="checked";
return true;
}
jQuery(document).ready(function() {
jQuery("#progAccessSearchResults").jqGrid({
url: searchUrl,
colNames: ['Id', 'Name','Distr Type','Run No','Start Date','End Date','Access Type','Tigress Status','','Last Updated','Source','<input type="checkbox" onclick="checkBoxChecked()" id="mastercheck"/><a class="row-delete" align="left" onclick="deleteItem()"/>'],
colModel: [
{name:'id', index:'id', hidden : true},
// {name:'season', index:'SEASON', hidden : progHide, width: 80, resizable: false},
{name:'name', index:'NAME', width: 120, resizable: false},
{name:'distType', index:'DIST_TYPE_NAME', width: 140, resizable: false},
{name:'runNo', index:'RUN_NO', hidden : progHide, width: 150, resizable: false},
{name:'startDate', index:'B2B_START_DT', width: 90, resizable: false},
{name:'endDate', index:'B2B_END_DT', width: 90, resizable: false},
{name:'accessType', index:'OVERRIDDEN', width: 80,resizable: false},
{name:'contractStatus',index:'contract_status',width:80,resizable:false},
{name:'act',index:'act', sortable:false, hidden : adminHide, align:"center", width: 80, resizable: false},
{name:'lastUpdated',index:'last_updated_dt', hidden : true},
{name:'source',index:'source', hidden : true},
{name:'checkbox',index:'checkbox', sortable:false, hidden : adminHide, align:"center", width: 80, resizable: false},
//{name: 'checkbox', index: 'checkbox', editable:true, edittype:'checkbox',align:"center",hidden : checkBoxHide, editoptions: { value:"True:False",defaultvalue:"False"}, formatter: "checkbox", formatoptions: {disabled : true} }
],
datatype : 'json',
mtype: 'POST',
width: '920',
height: 'auto',
rownumbers: false,
rownumWidth: 40,
sortname : 'last_updated_dt',
sortorder : 'desc',
scrollOffset : 0,
toppager: true,
rowNum : jqrowNum,
rowList : jqRecordsPerPageList,
viewrecords : true,
gridview : false,
cellEdit : false,
caption : 'Search Results',
hidegrid : false,
pager : jQuery('#progAccessSearchResultsPager'),
multiselect : false,
toolbar: [true,"top,bottom"],
jsonReader: { repeatitems : false, id: "0" },
gridComplete: function(){
var ids =jQuery("#progAccessSearchResults").jqGrid('getDataIDs');
var recs = parseInt(jQuery("#progAccessSearchResults").getGridParam("records"),10);
if (recs == 0) {
jQuery("#gridWrapper").hide();
}
else {
jQuery('#gridWrapper').show();
jQuery(".noResMsg").hide();
}
},
});
// End jqgrid script
});
/* ]]> */
</script>
你可能想试试这个
$('.row-delete').on('click', function() {
if (confirm("Are you sure you want to delete?")) {
var selected = new Array();
$('input:checked').each(function() {
selected.push($(this).attr('id'));
});
alert(selected);
}
});
在 HTML 中只需使用
<a class="row-delete" align="left">click me</a>
在这里小提琴:http://jsfiddle.net/4Umz9/
相关文章:
- 复选框与文本内联-JS问题
- 选中复选框的Jquery/Javascript问题使用输入框操作将行从一个表添加到另一个表
- ASP MVC复选框表单提交问题
- 格式问题:下拉复选框
- AngularJS复选框通过$event.target更改问题
- 使用 php 和 javascript Ajax 发送复选框值时遇到问题
- 复选框问题
- jQuery复选框未选中检测问题
- 我正试图获得一个带有复选框的多选下拉列表,在填充项目和获得所有选中的工作时遇到了一些问题
- 使用Knockout和复选框进行ajax调用的问题
- 使用动态父和子复选框时出现问题
- webkit浏览器中的复选框问题
- 复选框说明使用javascript的检索问题
- 为每个选中的复选框显示相同的问题集.(PHP和JS/Jquery)
- Jstree-Can't在AJAX调用中选中复选框,适用于经典调用.一个问题
- AJAX 调用 PHP 复选框问题
- 取消选择所有复选框时出现问题 Un 选中子项之一
- Javascript 价格计算器问题(复选框)
- IE9 问题:动态创建(通过 innerHTML)选项按钮和复选框不起作用
- 这里出了什么问题?复选框不起作用